Checkbox — Atelier

Demo

Live PreviewReact

I agree to the terms

Indeterminate state

Disabled checked

html

<llm-checkbox [(checked)]="agreed">I agree to the terms</llm-checkbox>
<llm-checkbox [(checked)]="pre">Pre-checked</llm-checkbox>
<llm-checkbox [indeterminate]="true">Indeterminate</llm-checkbox>
<llm-checkbox [disabled]="true">Disabled</llm-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

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

Explore in Storybook

Edit this page on GitHub