Switch

Fluent 2 visuals, shadcn APIs. Off, on, disabled, and invalid states — each paired with the kit's own Label — plus an interactive controlled demo.

Light

Off (unchecked)

Airplane mode

On (checked)

Sync across devices

Disabled

Disabled, off

Disabled, on

Invalid

Must be acknowledged

Controlled demo

Wi-Fi is off (click to toggle)

Dark

Off (unchecked)

Airplane mode

On (checked)

Sync across devices

Disabled

Disabled, off

Disabled, on

Invalid

Must be acknowledged

Controlled demo

Wi-Fi is off (click to toggle)