You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
714 B
22 lines
714 B
3 years ago
|
import React from 'react'
|
||
|
|
import { Box, Label, CheckBox } from '../..'
|
||
|
|
|
||
|
|
export default { title: 'DesignSystem/Atoms/CheckBox' }
|
||
|
|
|
||
|
|
export const Default: React.FC = () => (
|
||
|
|
<Box flex>
|
||
|
|
<Box flexDirection="column" marginRight={15}>
|
||
|
|
<CheckBox id="checkbox1" checked />
|
||
|
|
<Label inline htmlFor="checkbox1" ml="default">Checked</Label>
|
||
|
|
</Box>
|
||
|
|
<Box flexDirection="column" marginRight={15}>
|
||
|
|
<CheckBox id="checkbox2" />
|
||
|
|
<Label inline htmlFor="checkbox2" ml="default">Unchecked</Label>
|
||
|
|
</Box>
|
||
|
|
<Box flexDirection="column" marginRight={15}>
|
||
|
|
<CheckBox id="checkbox3" checked disabled />
|
||
|
|
<Label inline htmlFor="checkbox3" ml="default">Disabled</Label>
|
||
|
|
</Box>
|
||
|
|
</Box>
|
||
|
|
)
|