Checkbox

A checkbox component for toggling boolean values.

Installation

npm install fuyukaki-ui

Usage

import { Checkbox, Label } from 'fuyukaki-ui'

function App() {
  return (
    <div className="flex items-center gap-2">
      <Checkbox id="terms" />
      <Label htmlFor="terms">Accept terms</Label>
    </div>
  )
}

Examples

Default checkbox

Checked by default

Disabled

Disabled and checked

Props

Prop	Type	Default
checked	boolean	-
defaultChecked	boolean	false
disabled	boolean	false
onCheckedChange	(checked: boolean) => void	-