@seragam-ui/checkbox v1.3.4

@seragam-ui/checkbox

A Quick description of the component

Installation

yarn add @seragam-ui/checkbox
# or
npm i @seragam-ui/checkbox

Usage

import { Checkbox, CheckboxGroup } from '@seragam-ui/checkbox'

const App = () => {
  const [selected, setSelected] = React.useState(['jane', 'jono'])

  return (
    <>
      <CheckboxGroup
        name="select-user"
        onChange={setSelected}
        style={{ flexDirection: 'column' }}
        value={selected}
      >
        <Checkbox value="john">John Doe</Checkbox>
        <Checkbox value="jane" style={{ marginTop: 8 }}>
          Jane Doe
        </Checkbox>
        <Checkbox disabled value="jono" style={{ marginTop: 8 }}>
          Jono Doe
        </Checkbox>
      </CheckboxGroup>

      <div>selected user {JSON.stringify(selected)}</div>
    </>
  )
}