Inputs
Checkbox
A checkbox input that supports indeterminate state. Integrates with Signal Forms.
AtlCheckboxDemo
Live PreviewReact
html
<atl-checkbox [(checked)]="agreed">I agree to the terms</atl-checkbox>
<atl-checkbox [(checked)]="pre">Pre-checked</atl-checkbox>
<atl-checkbox [indeterminate]="true">Indeterminate</atl-checkbox>
<atl-checkbox [disabled]="true">Disabled</atl-checkbox>API (Angular)
| 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
ts
import { AtlCheckbox } from '@atelier-ui/angular';