Checkbox

The Checkbox component provides a customizable, accessible checkbox input. It is built on top of the Radix UI Checkbox primitive with additional styling.

Usage

import { Checkbox } from '@harnessio/ui/components'

return (
  <Checkbox id="checkbox" checked={true} onCheckedChange={(checked) => alert(\`Checked: \${checked}\`)} />
)

API Reference

Prop	Required	Default	Type
id	true		string
checked	true		boolean
onCheckedChange	true		(checked: boolean) => void
disabled	false		boolean
className	false		string