chore: switches view rearrange
This commit is contained in:
parent
d1d388781c
commit
49e86ad555
@ -8,6 +8,42 @@ class Switches extends Component {
|
|||||||
<div className="animated fadeIn">
|
<div className="animated fadeIn">
|
||||||
|
|
||||||
<Row>
|
<Row>
|
||||||
|
<Col xs="12" md="6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
Switch default
|
||||||
|
</CardHeader>
|
||||||
|
<CardBody>
|
||||||
|
<AppSwitch className={'mx-1'} color={'primary'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'secondary'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'success'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'warning'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'info'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'danger'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'light'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'dark'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} color={'primary'} disabled />
|
||||||
|
</CardBody>
|
||||||
|
</Card>
|
||||||
|
</Col>
|
||||||
|
<Col xs="12" md="6">
|
||||||
|
<Card>
|
||||||
|
<CardHeader>
|
||||||
|
Switch pills
|
||||||
|
</CardHeader>
|
||||||
|
<CardBody>
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'success'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'info'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'light'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} checked />
|
||||||
|
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} disabled />
|
||||||
|
</CardBody>
|
||||||
|
</Card>
|
||||||
|
</Col>
|
||||||
<Col xs="12" md="6">
|
<Col xs="12" md="6">
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader>
|
<CardHeader>
|
||||||
@ -117,43 +153,6 @@ class Switches extends Component {
|
|||||||
</CardBody>
|
</CardBody>
|
||||||
</Card>
|
</Card>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs="12" md="6">
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
Switch default
|
|
||||||
</CardHeader>
|
|
||||||
<CardBody>
|
|
||||||
<AppSwitch className={'mx-1'} color={'primary'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'secondary'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'success'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'warning'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'info'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'danger'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'light'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'dark'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} color={'primary'} disabled />
|
|
||||||
</CardBody>
|
|
||||||
</Card>
|
|
||||||
</Col>
|
|
||||||
<Col xs="12" md="6">
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
Switch pills
|
|
||||||
</CardHeader>
|
|
||||||
<CardBody>
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'success'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'info'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'light'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} checked />
|
|
||||||
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} disabled />
|
|
||||||
</CardBody>
|
|
||||||
</Card>
|
|
||||||
</Col>
|
|
||||||
|
|
||||||
<Col xs="12" md="6">
|
<Col xs="12" md="6">
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader>
|
<CardHeader>
|
||||||
|
Loading…
Reference in New Issue
Block a user