chore(Switch): add missing Pro badges

This commit is contained in:
xidedix 2018-07-30 16:13:35 +02:00
parent 9cc60d087e
commit bad280163c

View File

@ -48,6 +48,7 @@ class Switches extends Component {
<Card>
<CardHeader>
3d Switch
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} defaultChecked />
@ -66,6 +67,7 @@ class Switches extends Component {
<Card>
<CardHeader>
3d Switch <small><code>disabled</code></small>
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked disabled />
@ -85,6 +87,7 @@ class Switches extends Component {
<Card>
<CardHeader>
3d Switch <small><code>outline="alt"</code></small>
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} checked outline={'alt'} />
@ -103,6 +106,7 @@ class Switches extends Component {
<Card>
<CardHeader>
3d Switch <small><code>label</code></small>
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'3d'} color={'primary'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'} />
@ -121,6 +125,7 @@ class Switches extends Component {
<Card>
<CardHeader>
3d Switch <small><code>outline="alt" label</code></small>
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'primary'} defaultChecked label dataOn={'\u2713'} dataOff={'\u2715'} />
@ -139,6 +144,7 @@ class Switches extends Component {
<Card>
<CardHeader>
3d Switch <small><code>outline="alt" label</code></small>
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'3d'} outline={'alt'} color={'primary'} defaultChecked label />
@ -157,6 +163,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch outline
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} outline checked />
@ -175,6 +182,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch outline pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline checked />
@ -193,6 +201,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch outline alternative
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} checked />
@ -212,6 +221,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch outline alternative - pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} checked />
@ -231,6 +241,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} label checked />
@ -249,6 +260,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} label checked />
@ -267,6 +279,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} outline label checked />
@ -285,6 +298,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline label checked />
@ -303,6 +317,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline alternative pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} label checked />
@ -321,6 +336,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline alternative pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} label checked />
@ -340,6 +356,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline alternative
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
@ -358,6 +375,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline alternative pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline checked label dataOn={'\u2713'} dataOff={'\u2715'} />
@ -377,6 +395,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline alternative
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'}/>
@ -395,6 +414,7 @@ class Switches extends Component {
<Card>
<CardHeader>
Switch with text outline alternative pills
{' '}<a href="https://coreui.io/pro/react/" className="badge badge-danger">CoreUI Pro</a>
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} outline={'alt'} checked label dataOn={'\u2713'} dataOff={'\u2715'} />