Inputs

Toggle

A toggle switch for boolean settings. Integrates with Signal Forms.

LlmToggle

Demo

Email notifications

Push notifications

Always enabled (disabled)

<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
`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/react';