Inputs
Checkbox
A checkbox input that supports indeterminate state. Integrates with Signal Forms.
LlmCheckboxDemo
Live PreviewReact
jsx
<LlmCheckbox>I agree to the terms</LlmCheckbox>
<LlmCheckbox checked={true}>Pre-checked</LlmCheckbox>
<LlmCheckbox indeterminate={true}>Indeterminate</LlmCheckbox>
<LlmCheckbox disabled={true}>Disabled</LlmCheckbox>API (Angular)
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | false | Controlled checked state |
onCheckedChange | (checked: boolean) => void | — | Called when the checked state changes |
[(value)] | boolean | false | Alias for checked (Signal Forms integration) |
(valueChange) | (checked: boolean) => void | — | Alias for onCheckedChange (Signal Forms integration) |
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
ts
import { LlmCheckbox } from '@atelier-ui/angular';