feat: add CSwitch examples to forms
This commit is contained in:
parent
eef84dbbd7
commit
b31e452fd0
@ -28,7 +28,8 @@ import {
|
||||
CInputGroupText,
|
||||
CLabel,
|
||||
CSelect,
|
||||
CRow
|
||||
CRow,
|
||||
CSwitch
|
||||
} from '@coreui/react'
|
||||
import CIcon from '@coreui/icons-react'
|
||||
import { DocsLink } from 'src/reusable'
|
||||
@ -285,6 +286,50 @@ const BasicForms = () => {
|
||||
</CSelect>
|
||||
</CCol>
|
||||
</CFormGroup>
|
||||
<CFormGroup row>
|
||||
<CCol tag="label" sm="3" className="col-form-label">
|
||||
Switch checkboxes
|
||||
</CCol>
|
||||
<CCol sm="9">
|
||||
<CSwitch
|
||||
className="mr-1"
|
||||
color="primary"
|
||||
defaultChecked
|
||||
/>
|
||||
<CSwitch
|
||||
className="mr-1"
|
||||
color="success"
|
||||
defaultChecked
|
||||
variant="outline"
|
||||
/>
|
||||
<CSwitch
|
||||
className="mr-1"
|
||||
color="warning"
|
||||
defaultChecked
|
||||
variant="opposite"
|
||||
/>
|
||||
<CSwitch
|
||||
className="mr-1"
|
||||
color="danger"
|
||||
defaultChecked
|
||||
shape="pill"
|
||||
/>
|
||||
<CSwitch
|
||||
className="mr-1"
|
||||
color="info"
|
||||
defaultChecked
|
||||
shape="pill"
|
||||
variant="outline"
|
||||
/>
|
||||
<CSwitch
|
||||
className="mr-1"
|
||||
color="dark"
|
||||
defaultChecked
|
||||
shape="pill"
|
||||
variant="opposite"
|
||||
/>
|
||||
</CCol>
|
||||
</CFormGroup>
|
||||
<CFormGroup row>
|
||||
<CCol md="3">
|
||||
<CLabel>Radios</CLabel>
|
||||
|
@ -163,7 +163,7 @@ const Alerts = () => {
|
||||
/>
|
||||
</CAlert>
|
||||
|
||||
<CButton onClick={() => setVisible(10)}>
|
||||
<CButton color="primary" onClick={() => setVisible(10)}>
|
||||
Reset timer
|
||||
</CButton>
|
||||
</CCardBody>
|
||||
|
Loading…
Reference in New Issue
Block a user