Toggle

A toggle switch component for boolean input with multiple sizes and smooth animations.

Enable notifications

Prop	Type	Default	Description
checked	boolean	false	Controls the toggle state (bindable)
disabled	boolean	false	Disables the toggle interaction
size	'sm' \| 'md' \| 'lg'	'md'	Controls the size of the toggle
className	string	''	Additional CSS classes to apply

Note: The Toggle component also accepts all standard HTML button attributes via $$restProps.

Small:

Medium:

Large:

Unchecked:

Checked:

Disabled: