Toggle Component Test

Basic Toggle (default variant)

Outline Variant

With Text

Sizes

Default Pressed

Disabled

Icon Fill on Pressed State

Using group-data-[state=on]/toggle:fill-foreground to fill icons when pressed

Event Testing

Click the toggle and check the console for toggle:change events

Programmatic Control