Checkbox

import { Checkbox } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Checkbox label="Accept terms and conditions" />
    </>
  )
}

import { Field, Checkbox } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Field description="One email a month, never more.">
        {(control) => <Checkbox {...control} label="Product updates" defaultChecked />}
      </Field>
    </>
  )
}

import { Field, Checkbox } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Field error="Required to join the event">
        {(control) => <Checkbox {...control} label="I agree to the code of conduct" />}
      </Field>
      <Checkbox label="Managed by your admin" disabled defaultChecked />
      <Checkbox label="Mixed selection" indeterminate />
    </>
  )
}