feat: change styles of base section to version 3
This commit is contained in:
woothu
+222
-221
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<div class="animated fadeIn">
|
||||
<div class="c-animated c-fadeIn">
|
||||
<CRow>
|
||||
<CCol xs="12" md="6">
|
||||
<CCard v-if="true">
|
||||
<CCardHeader>
|
||||
<h5>
|
||||
Radio switches
|
||||
<CBadge :variant="radio" class="mr-auto">{{radio}}</CBadge>
|
||||
<CBadge variant="danger" class="float-right">NEW</CBadge>
|
||||
<CBadge :variant="radio" class="c-mr-auto">{{radio}}</CBadge>
|
||||
<CBadge variant="danger" class="c-float-right">NEW</CBadge>
|
||||
</h5>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
@@ -19,9 +19,9 @@
|
||||
name="lg"
|
||||
required
|
||||
/> -->
|
||||
<!-- <CSwitch class="mx-1" variant="primary" shape="3d" outline="alt" v-bind="labelIcon" type="radio" name="radio" checked.sync="radio" trueValue="primary"/> -->
|
||||
<!-- <CSwitch class="c-mx-1" variant="primary" shape="3d" outline="alt" v-bind="labelIcon" type="radio" name="radio" checked.sync="radio" trueValue="primary"/> -->
|
||||
<CSwitch
|
||||
class="mx-1"
|
||||
class="c-mx-1"
|
||||
:key="key"
|
||||
:variant="variant"
|
||||
shape="3d"
|
||||
@@ -46,20 +46,21 @@
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CSwitch
|
||||
class="mx-1"
|
||||
class="c-mx-1"
|
||||
variant="primary"
|
||||
name="switch1"
|
||||
:checked.sync="checker"
|
||||
trueValue="yes"
|
||||
falseValue="no"
|
||||
/>
|
||||
<CSwitch 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="variant"
|
||||
checked
|
||||
:key="key"
|
||||
v-for="(variant, key) in ['secondary', 'success','warning','info','danger','light','dark']"
|
||||
/>
|
||||
<CSwitch class="mx-1" variant="primary" disabled />
|
||||
<CSwitch class="c-mx-1" variant="primary" disabled />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -69,15 +70,15 @@
|
||||
Switch pills
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -87,15 +88,15 @@
|
||||
3d Switch
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -105,15 +106,15 @@
|
||||
3d Switch <small><code>disabled</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -123,15 +124,15 @@
|
||||
3d Switch <small><code>outline="alt"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -141,15 +142,15 @@
|
||||
3d Switch <small><code>label</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -159,15 +160,15 @@
|
||||
3d Switch <small><code>outline="alt"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -177,15 +178,15 @@
|
||||
3d Switch <small><code>outline="alt"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -195,15 +196,15 @@
|
||||
Switch <small><code>outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -213,15 +214,15 @@
|
||||
Switch <small><code>outline shape="pill"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -231,15 +232,15 @@
|
||||
Switch <small><code>outline="alt"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -249,15 +250,15 @@
|
||||
Switch <small><code>outline="alt" shape="pill"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -267,15 +268,15 @@
|
||||
Switch <small><code>label</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -285,15 +286,15 @@
|
||||
Switch <small><code>label shape="pill"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -303,15 +304,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -321,15 +322,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -339,15 +340,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -357,15 +358,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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 />
|
||||
<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 />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -376,15 +377,15 @@
|
||||
Switch <small><code>label</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>shape
|
||||
</CCol>
|
||||
@@ -394,15 +395,15 @@
|
||||
Switch <small><code>label shape="pill"</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -412,15 +413,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -430,15 +431,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -448,15 +449,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -466,15 +467,15 @@
|
||||
Switch <small><code>label outline</code></small>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<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" />
|
||||
<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" />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
@@ -484,11 +485,11 @@
|
||||
<CCardHeader>
|
||||
Sizes
|
||||
</CCardHeader>
|
||||
<CCardBody class="p-0">
|
||||
<CCardBody class="c-p-0">
|
||||
<CTable
|
||||
hover
|
||||
striped
|
||||
class="table-align-middle mb-0"
|
||||
class="c-table-align-middle c-mb-0"
|
||||
:items="items"
|
||||
:fields="fields"
|
||||
noSorting
|
||||
|
||||
Reference in New Issue
Block a user