Checkbox

A control that can be checked, unchecked, or indeterminate. The mark pops in with a spring.

Accept terms and conditions

tsx

import { Checkbox } from "@/registry/seam/ui/checkbox"

export default function CheckboxDemo() {
  return (
    <label className="flex items-center gap-2 text-sm">
      <Checkbox defaultChecked />
      Accept terms and conditions
    </label>
  )
}

bunx --bun @seamui/cli@latest add checkbox

Notes

The check mark scales in from 0 on check; the indeterminate dash swaps in via a data-[indeterminate] CSS toggle instead of the spring.
Supports checked, defaultChecked, and indeterminate; pair with a <label> for a clickable target.

Press feedback, reduced motion, and haptics follow the global policy — see Motion and Haptics.