Checkbox

# Package
npm install @lumina-ui/react
 
# CLI
npx lumina-ui add checkbox
# deps: @radix-ui/react-checkbox framer-motion clsx

import { Checkbox, Label } from '@lumina-ui/react'
 
export default function Example() {
  return (
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
      <Checkbox id="accept" />
      <Label htmlFor="accept">Accept terms and conditions</Label>
    </div>
  )
}

import { useState } from 'react'
import { Checkbox } from '@lumina-ui/react'
 
export default function Controlled() {
  const [checked, setChecked] = useState(false)
  return (
    <Checkbox
      checked={checked}
      onCheckedChange={(value) => setChecked(value === true)}
    />
  )
}

<Checkbox checked="indeterminate" aria-label="Select all" />