Switch

Switches toggle the state of a single setting on or off.

Switch

Switches allow users to toggle settings on or off. The option that the switch controls, as well as the state it's in, should be made clear from the accompanying inline label.


Basic Switch

Standard switch toggle, overridden to match iOS style.


Labeled Switch

You can provide a label to the Switch thanks to the FormControlLabel component.


Gradient Switch

A vibrant gradient variant for creative use cases.

Cyan Gradient

Active / Inactive Variants

Switches that visually demonstrate the state using icons (e.g., Dark/Light mode) or explicit labels.

Theme Toggle
Label Toggle