Toggle

Switch toggle built on bits-ui. Supports label, disabled state, and bindable checked value.

Example

Notifications

Checked: false

Always on

Props

Prop	Type	Default	Description
`checked`	`boolean`	`false`	Toggle state (bindable)
`onCheckedChange`	`(checked: boolean) => void`	—	Callback when state changes
`label`	`string`	—	Label text
`disabled`	`boolean`	`false`	Disable interaction
`class`	`string`	—	Additional CSS classes

Usage

<script>
  import { Toggle } from '@chrissnell/chonky-ui';
  let checked = $state(false);
</script>

<Toggle bind:checked label="Dark mode" />
<Toggle checked={true} disabled label="Locked" />