Switch

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

export function Example(handle: Handle) {
  return () => (
    <>
      <Switch label="Notifications" name="notifications" defaultChecked />
    </>
  )
}

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

export function Example(handle: Handle) {
  return () => (
    <>
      <Switch label="Disabled option" disabled />
    </>
  )
}

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

export function Example(handle: Handle) {
  let enabled = false
  const setEnabled = (value: boolean) => { enabled = value; handle.update() }

  return () => (
    <>
      <Switch label="Notifications" checked={enabled} onCheckedChange={setEnabled} />
    </>
  )
}