1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React from 'react'
import { Checkbox } from '@dailykit/ui'

export default {
   title: 'Checkbox'
}

export const Normal = () => {
   const [checked, setChecked] = React.useState(false)
   return (
      <React.Fragment>
         <Checkbox
            id='label'
            checked={checked}
            onChange={setChecked}
            isAllSelected={false}
         >
            Yo, this is a label!
         </Checkbox>
      </React.Fragment>
   )
}

export const WithMinusIcon = () => {
   const [checked, setChecked] = React.useState(false)
   return (
      <React.Fragment>
         <Checkbox
            id='label'
            checked={checked}
            onChange={setChecked}
            isAllSelected={false}
         >
            Checkbox with 3 states
         </Checkbox>
      </React.Fragment>
   )
}