Skip to content

CheckboxRow

An alternative checkbox component
import { CheckboxRow } from '@ensdomains/thorin'
<CheckboxRow label="Label" subLabel="Sublabel" />

Props
#

name
type
default
color
any
blue
label*
Required
string
-
ref
Ref<HTMLInputElement>
-
subLabel
string
-

States
#

<DeleteMe>

  <CheckboxRow checked label="Checked" />

  <CheckboxRow label="Unchecked" />

  <CheckboxRow checked disabled label="Checked & Disabled" />

  <CheckboxRow disabled label="Unchecked & Disabled" />

</DeleteMe>

Color
#

<DeleteMe>

  <CheckboxRow color="blue" label="Blue" />

  <CheckboxRow color="indigo" label="Indigo" />

  <CheckboxRow color="purple" label="Purple" />

  <CheckboxRow color="pink" label="Pink" />

  <CheckboxRow color="red" label="Red" />

  <CheckboxRow color="orange" label="Orange" />

  <CheckboxRow color="yellow" label="Yellow" />

  <CheckboxRow color="green" label="Green" />

  <CheckboxRow color="teal" label="Teal" />

  <CheckboxRow color="grey" label="Grey" />

</DeleteMe>
Edit on GitHub