Skip to content

CheckboxRow

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

Props
#

name
type
default
description
color
any
blue
-
label*
Required
string
-
-
ref
null | string | (instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement>
-
Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}
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