Toggle — Atelier

Demo

Live PreviewReact

Email notifications

Push notifications

Always enabled

jsx

<LlmToggle>Enable notifications</LlmToggle>
<LlmToggle checked={true}>Active toggle</LlmToggle>
<LlmToggle disabled={true}>Disabled</LlmToggle>

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)
`disabled`	`boolean`	`false`	Disables the toggle
`readonly`	`boolean`	`false`	Makes the toggle 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 { LlmToggle } from '@atelier-ui/angular';