sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

refactor: delete 'c-' class prefix, update coreui styles to alpha-v13

Browse Source
This commit is contained in:
woothu
2019-09-20 13:59:53 +02:00
parent 6969728859
commit b3e6540052
46 changed files with 1125 additions and 1132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/Switches.vue
+216 -216
View File
@@ -5,8 +5,8 @@
<CCard v-if="true">
<CCardHeader>
Radio switches
<CBadge :variant="radio" class="c-mr-auto">{{radio}}</CBadge>
<div class="c-card-header-actions">
<CBadge :variant="radio" class="mr-auto">{{radio}}</CBadge>
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/3.0/components/Switch"
class="card-header-action"
@@ -26,9 +26,9 @@
name="lg"
required
/> -->
<!-- <CSwitch class="c-mx-1" variant="primary" shape="3d" outline="alt" v-bind="labelIcon" type="radio" name="radio" checked.sync="radio" true-value="primary"/> -->
<!-- <CSwitch class="mx-1" variant="primary" shape="3d" outline="alt" v-bind="labelIcon" type="radio" name="radio" checked.sync="radio" true-value="primary"/> -->
<CSwitch
class="c-mx-1"
class="mx-1"
:key="key"
:variant="variant"
shape="3d"
@@ -53,7 +53,7 @@
</CCardHeader>
<CCardBody>
<CSwitch
class="c-mx-1"
class="mx-1"
variant="primary"
name="switch1"
:checked.sync="checker"
@@ -61,13 +61,13 @@
false-value="no"
/>
<CSwitch
class="c-mx-1"
class="mx-1"
:variant="variant"
checked
:key="key"
v-for="(variant, key) in ['secondary', 'success','warning','info','danger','light','dark']"
/>
<CSwitch class="c-mx-1" variant="primary" disabled />
<CSwitch class="mx-1" variant="primary" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -77,15 +77,15 @@
Switch pills
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="pill"/>
<CSwitch class="c-mx-1" variant="secondary" checked shape="pill" />
<CSwitch class="c-mx-1" variant="success" checked shape="pill" />
<CSwitch class="c-mx-1" variant="warning" checked shape="pill" />
<CSwitch class="c-mx-1" variant="info" checked shape="pill" />
<CSwitch class="c-mx-1" variant="danger" checked shape="pill" />
<CSwitch class="c-mx-1" variant="light" checked shape="pill" />
<CSwitch class="c-mx-1" variant="dark" checked shape="pill" />
<CSwitch class="c-mx-1" variant="primary" disabled shape="pill" />
<CSwitch class="mx-1" variant="primary" checked shape="pill"/>
<CSwitch class="mx-1" variant="secondary" checked shape="pill" />
<CSwitch class="mx-1" variant="success" checked shape="pill" />
<CSwitch class="mx-1" variant="warning" checked shape="pill" />
<CSwitch class="mx-1" variant="info" checked shape="pill" />
<CSwitch class="mx-1" variant="danger" checked shape="pill" />
<CSwitch class="mx-1" variant="light" checked shape="pill" />
<CSwitch class="mx-1" variant="dark" checked shape="pill" />
<CSwitch class="mx-1" variant="primary" disabled shape="pill" />
</CCardBody>
</CCard>
</CCol>
@@ -95,15 +95,15 @@
3d Switch
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="3d" />
<CSwitch class="c-mx-1" variant="secondary" checked shape="3d" />
<CSwitch class="c-mx-1" variant="success" checked shape="3d" />
<CSwitch class="c-mx-1" variant="warning" checked shape="3d" />
<CSwitch class="c-mx-1" variant="info" checked shape="3d" />
<CSwitch class="c-mx-1" variant="danger" checked shape="3d" />
<CSwitch class="c-mx-1" variant="light" checked shape="3d" />
<CSwitch class="c-mx-1" variant="dark" checked shape="3d" />
<CSwitch class="c-mx-1" variant="primary" disabled shape="3d" />
<CSwitch class="mx-1" variant="primary" checked shape="3d" />
<CSwitch class="mx-1" variant="secondary" checked shape="3d" />
<CSwitch class="mx-1" variant="success" checked shape="3d" />
<CSwitch class="mx-1" variant="warning" checked shape="3d" />
<CSwitch class="mx-1" variant="info" checked shape="3d" />
<CSwitch class="mx-1" variant="danger" checked shape="3d" />
<CSwitch class="mx-1" variant="light" checked shape="3d" />
<CSwitch class="mx-1" variant="dark" checked shape="3d" />
<CSwitch class="mx-1" variant="primary" disabled shape="3d" />
</CCardBody>
</CCard>
</CCol>
@@ -113,15 +113,15 @@
3d Switch <small><code>disabled</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="secondary" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="success" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="warning" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="info" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="danger" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="light" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="dark" checked shape="3d" disabled />
<CSwitch class="c-mx-1" variant="primary" disabled shape="3d" />
<CSwitch class="mx-1" variant="primary" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="secondary" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="success" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="warning" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="info" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="danger" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="light" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="dark" checked shape="3d" disabled />
<CSwitch class="mx-1" variant="primary" disabled shape="3d" />
</CCardBody>
</CCard>
</CCol>
@@ -131,15 +131,15 @@
3d Switch <small><code>outline="alt"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="secondary" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="success" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="warning" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="info" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="danger" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="light" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="dark" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="primary" disabled shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="primary" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="secondary" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="success" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="warning" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="info" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="danger" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="light" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="dark" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="primary" disabled shape="3d" outline="alt" />
</CCardBody>
</CCard>
</CCol>
@@ -149,15 +149,15 @@
3d Switch <small><code>label</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" shape="3d" checked v-bind="labelIcon"/>
<CSwitch class="c-mx-1" variant="secondary" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" disabled shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" shape="3d" checked v-bind="labelIcon"/>
<CSwitch class="mx-1" variant="secondary" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked shape="3d" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" disabled shape="3d" v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -167,15 +167,15 @@
3d Switch <small><code>outline="alt"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="secondary" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" disabled shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="secondary" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked shape="3d" outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" disabled shape="3d" outline="alt" v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -185,15 +185,15 @@
3d Switch <small><code>outline="alt"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="secondary" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="success" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="warning" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="info" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="danger" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="light" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="dark" checked shape="3d" outline="alt" />
<CSwitch class="c-mx-1" variant="primary" disabled shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="primary" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="secondary" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="success" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="warning" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="info" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="danger" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="light" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="dark" checked shape="3d" outline="alt" />
<CSwitch class="mx-1" variant="primary" disabled shape="3d" outline="alt" />
</CCardBody>
</CCard>
</CCol>
@@ -203,15 +203,15 @@
Switch <small><code>outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline />
<CSwitch class="c-mx-1" variant="secondary" checked outline />
<CSwitch class="c-mx-1" variant="success" checked outline />
<CSwitch class="c-mx-1" variant="warning" checked outline />
<CSwitch class="c-mx-1" variant="info" checked outline />
<CSwitch class="c-mx-1" variant="danger" checked outline />
<CSwitch class="c-mx-1" variant="light" checked outline />
<CSwitch class="c-mx-1" variant="dark" checked outline />
<CSwitch class="c-mx-1" variant="primary" outline disabled />
<CSwitch class="mx-1" variant="primary" checked outline />
<CSwitch class="mx-1" variant="secondary" checked outline />
<CSwitch class="mx-1" variant="success" checked outline />
<CSwitch class="mx-1" variant="warning" checked outline />
<CSwitch class="mx-1" variant="info" checked outline />
<CSwitch class="mx-1" variant="danger" checked outline />
<CSwitch class="mx-1" variant="light" checked outline />
<CSwitch class="mx-1" variant="dark" checked outline />
<CSwitch class="mx-1" variant="primary" outline disabled />
</CCardBody>
</CCard>
</CCol>
@@ -221,15 +221,15 @@
Switch <small><code>outline shape="pill"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline shape="pill"/>
<CSwitch class="c-mx-1" variant="secondary" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="success" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="warning" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="info" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="danger" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="light" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="dark" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="primary" outline shape="pill" disabled />
<CSwitch class="mx-1" variant="primary" checked outline shape="pill"/>
<CSwitch class="mx-1" variant="secondary" checked outline shape="pill" />
<CSwitch class="mx-1" variant="success" checked outline shape="pill" />
<CSwitch class="mx-1" variant="warning" checked outline shape="pill" />
<CSwitch class="mx-1" variant="info" checked outline shape="pill" />
<CSwitch class="mx-1" variant="danger" checked outline shape="pill" />
<CSwitch class="mx-1" variant="light" checked outline shape="pill" />
<CSwitch class="mx-1" variant="dark" checked outline shape="pill" />
<CSwitch class="mx-1" variant="primary" outline shape="pill" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -239,15 +239,15 @@
Switch <small><code>outline="alt"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline="alt" />
<CSwitch class="c-mx-1" variant="secondary" checked outline="alt" />
<CSwitch class="c-mx-1" variant="success" checked outline="alt" />
<CSwitch class="c-mx-1" variant="warning" checked outline="alt" />
<CSwitch class="c-mx-1" variant="info" checked outline="alt" />
<CSwitch class="c-mx-1" variant="danger" checked outline="alt" />
<CSwitch class="c-mx-1" variant="light" checked outline="alt" />
<CSwitch class="c-mx-1" variant="dark" checked outline="alt" />
<CSwitch class="c-mx-1" variant="primary" outline="alt" disabled />
<CSwitch class="mx-1" variant="primary" checked outline="alt" />
<CSwitch class="mx-1" variant="secondary" checked outline="alt" />
<CSwitch class="mx-1" variant="success" checked outline="alt" />
<CSwitch class="mx-1" variant="warning" checked outline="alt" />
<CSwitch class="mx-1" variant="info" checked outline="alt" />
<CSwitch class="mx-1" variant="danger" checked outline="alt" />
<CSwitch class="mx-1" variant="light" checked outline="alt" />
<CSwitch class="mx-1" variant="dark" checked outline="alt" />
<CSwitch class="mx-1" variant="primary" outline="alt" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -257,15 +257,15 @@
Switch <small><code>outline="alt" shape="pill"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline="alt" shape="pill"/>
<CSwitch class="c-mx-1" variant="secondary" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="success" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="warning" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="info" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="danger" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="light" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="dark" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="primary" outline="alt" shape="pill" disabled />
<CSwitch class="mx-1" variant="primary" checked outline="alt" shape="pill"/>
<CSwitch class="mx-1" variant="secondary" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="success" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="warning" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="info" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="danger" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="light" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="dark" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="primary" outline="alt" shape="pill" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -275,15 +275,15 @@
Switch <small><code>label</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked />
<CSwitch class="c-mx-1" variant="secondary" checked />
<CSwitch class="c-mx-1" variant="success" checked />
<CSwitch class="c-mx-1" variant="warning" checked />
<CSwitch class="c-mx-1" variant="info" checked />
<CSwitch class="c-mx-1" variant="danger" checked />
<CSwitch class="c-mx-1" variant="light" checked />
<CSwitch class="c-mx-1" variant="dark" checked />
<CSwitch class="c-mx-1" variant="primary" disabled />
<CSwitch class="mx-1" variant="primary" checked />
<CSwitch class="mx-1" variant="secondary" checked />
<CSwitch class="mx-1" variant="success" checked />
<CSwitch class="mx-1" variant="warning" checked />
<CSwitch class="mx-1" variant="info" checked />
<CSwitch class="mx-1" variant="danger" checked />
<CSwitch class="mx-1" variant="light" checked />
<CSwitch class="mx-1" variant="dark" checked />
<CSwitch class="mx-1" variant="primary" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -293,15 +293,15 @@
Switch <small><code>label shape="pill"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="pill" />
<CSwitch class="c-mx-1" variant="secondary" checked shape="pill" />
<CSwitch class="c-mx-1" variant="success" checked shape="pill" />
<CSwitch class="c-mx-1" variant="warning" checked shape="pill" />
<CSwitch class="c-mx-1" variant="info" checked shape="pill" />
<CSwitch class="c-mx-1" variant="danger" checked shape="pill" />
<CSwitch class="c-mx-1" variant="light" checked shape="pill" />
<CSwitch class="c-mx-1" variant="dark" checked shape="pill" />
<CSwitch class="c-mx-1" variant="primary" shape="pill" disabled />
<CSwitch class="mx-1" variant="primary" checked shape="pill" />
<CSwitch class="mx-1" variant="secondary" checked shape="pill" />
<CSwitch class="mx-1" variant="success" checked shape="pill" />
<CSwitch class="mx-1" variant="warning" checked shape="pill" />
<CSwitch class="mx-1" variant="info" checked shape="pill" />
<CSwitch class="mx-1" variant="danger" checked shape="pill" />
<CSwitch class="mx-1" variant="light" checked shape="pill" />
<CSwitch class="mx-1" variant="dark" checked shape="pill" />
<CSwitch class="mx-1" variant="primary" shape="pill" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -311,15 +311,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline />
<CSwitch class="c-mx-1" variant="secondary" checked outline />
<CSwitch class="c-mx-1" variant="success" checked outline />
<CSwitch class="c-mx-1" variant="warning" checked outline />
<CSwitch class="c-mx-1" variant="info" checked outline />
<CSwitch class="c-mx-1" variant="danger" checked outline />
<CSwitch class="c-mx-1" variant="light" checked outline />
<CSwitch class="c-mx-1" variant="dark" checked outline />
<CSwitch class="c-mx-1" variant="primary" outline disabled />
<CSwitch class="mx-1" variant="primary" checked outline />
<CSwitch class="mx-1" variant="secondary" checked outline />
<CSwitch class="mx-1" variant="success" checked outline />
<CSwitch class="mx-1" variant="warning" checked outline />
<CSwitch class="mx-1" variant="info" checked outline />
<CSwitch class="mx-1" variant="danger" checked outline />
<CSwitch class="mx-1" variant="light" checked outline />
<CSwitch class="mx-1" variant="dark" checked outline />
<CSwitch class="mx-1" variant="primary" outline disabled />
</CCardBody>
</CCard>
</CCol>
@@ -329,15 +329,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="secondary" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="success" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="warning" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="info" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="danger" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="light" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="dark" checked outline shape="pill" />
<CSwitch class="c-mx-1" variant="primary" outline shape="pill" disabled />
<CSwitch class="mx-1" variant="primary" checked outline shape="pill" />
<CSwitch class="mx-1" variant="secondary" checked outline shape="pill" />
<CSwitch class="mx-1" variant="success" checked outline shape="pill" />
<CSwitch class="mx-1" variant="warning" checked outline shape="pill" />
<CSwitch class="mx-1" variant="info" checked outline shape="pill" />
<CSwitch class="mx-1" variant="danger" checked outline shape="pill" />
<CSwitch class="mx-1" variant="light" checked outline shape="pill" />
<CSwitch class="mx-1" variant="dark" checked outline shape="pill" />
<CSwitch class="mx-1" variant="primary" outline shape="pill" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -347,15 +347,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline="alt" />
<CSwitch class="c-mx-1" variant="secondary" checked outline="alt" />
<CSwitch class="c-mx-1" variant="success" checked outline="alt" />
<CSwitch class="c-mx-1" variant="warning" checked outline="alt" />
<CSwitch class="c-mx-1" variant="info" checked outline="alt" />
<CSwitch class="c-mx-1" variant="danger" checked outline="alt" />
<CSwitch class="c-mx-1" variant="light" checked outline="alt" />
<CSwitch class="c-mx-1" variant="dark" checked outline="alt" />
<CSwitch class="c-mx-1" variant="primary" outline="alt" disabled />
<CSwitch class="mx-1" variant="primary" checked outline="alt" />
<CSwitch class="mx-1" variant="secondary" checked outline="alt" />
<CSwitch class="mx-1" variant="success" checked outline="alt" />
<CSwitch class="mx-1" variant="warning" checked outline="alt" />
<CSwitch class="mx-1" variant="info" checked outline="alt" />
<CSwitch class="mx-1" variant="danger" checked outline="alt" />
<CSwitch class="mx-1" variant="light" checked outline="alt" />
<CSwitch class="mx-1" variant="dark" checked outline="alt" />
<CSwitch class="mx-1" variant="primary" outline="alt" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -365,15 +365,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="secondary" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="success" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="warning" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="info" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="danger" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="light" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="dark" checked outline="alt" shape="pill" />
<CSwitch class="c-mx-1" variant="primary" outline="alt" shape="pill" disabled />
<CSwitch class="mx-1" variant="primary" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="secondary" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="success" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="warning" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="info" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="danger" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="light" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="dark" checked outline="alt" shape="pill" />
<CSwitch class="mx-1" variant="primary" outline="alt" shape="pill" disabled />
</CCardBody>
</CCard>
</CCol>
@@ -384,15 +384,15 @@
Switch <small><code>label</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked v-bind="labelIcon"/>
<CSwitch class="c-mx-1" variant="secondary" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" disabled v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked v-bind="labelIcon"/>
<CSwitch class="mx-1" variant="secondary" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" disabled v-bind="labelIcon" />
</CCardBody>
</CCard>shape
</CCol>
@@ -402,15 +402,15 @@
Switch <small><code>label shape="pill"</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="secondary" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" shape="pill" disabled v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="secondary" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" shape="pill" disabled v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -420,15 +420,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="secondary" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked outline v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" outline disabled v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="secondary" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked outline v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" outline disabled v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -438,15 +438,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="secondary" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" outline shape="pill" disabled v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="secondary" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked outline shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" outline shape="pill" disabled v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -456,15 +456,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="secondary" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" outline="alt" disabled v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="secondary" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked outline="alt" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" outline="alt" disabled v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -474,15 +474,15 @@
Switch <small><code>label outline</code></small>
</CCardHeader>
<CCardBody>
<CSwitch class="c-mx-1" variant="primary" checked outline="alt" shape="pill" v-bind="labelTxt" />
<CSwitch class="c-mx-1" variant="secondary" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="success" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="warning" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="info" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="danger" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="light" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="dark" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="c-mx-1" variant="primary" outline="alt" shape="pill" disabled v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" checked outline="alt" shape="pill" v-bind="labelTxt" />
<CSwitch class="mx-1" variant="secondary" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="success" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="warning" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="info" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="danger" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="light" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="dark" checked outline="alt" shape="pill" v-bind="labelIcon" />
<CSwitch class="mx-1" variant="primary" outline="alt" shape="pill" disabled v-bind="labelIcon" />
</CCardBody>
</CCard>
</CCol>
@@ -492,11 +492,11 @@
<CCardHeader>
Sizes
</CCardHeader>
<CCardBody class="c-p-0">
<CCardBody class="p-0">
<CTable
hover
striped
class="c-table-align-middle c-mb-0"
class="table-align-middle mb-0"
:items="items"
:fields="fields"
no-sorting