Inputs

Checkbox

A checkbox input that supports indeterminate state. Integrates with Signal Forms.

LlmCheckbox

Demo

I agree to the terms and conditions

Indeterminate state

Disabled checked

Disabled unchecked

<LlmCheckbox>I agree to the terms</LlmCheckbox>
<LlmCheckbox checked={true}>Pre-checked</LlmCheckbox>
<LlmCheckbox indeterminate={true}>Indeterminate</LlmCheckbox>
<LlmCheckbox disabled={true}>Disabled</LlmCheckbox>

API

Prop	Type	Default	Description
`checked`	`boolean`	`false`	Controlled checked state
`onCheckedChange`	`(checked: boolean) => void`	`—`	Called when the checked state changes
`indeterminate`	`boolean`	`false`	Shows a dash (indeterminate state)
`disabled`	`boolean`	`false`	Disables the checkbox
`readonly`	`boolean`	`false`	Makes the checkbox read-only
`invalid`	`boolean`	`false`	Applies invalid/error styling
`required`	`boolean`	`false`	Marks field as required
`name`	`string`	`''`	HTML name attribute for form submission

Import

import { LlmCheckbox } from '@atelier-ui/react';