Switch

Use GdsSwitch to turn a single setting on or off. It is a thin wrapper around MUI Switch with GDS sizing, spacing, and color tokens.

Default

Colors

Use color="default" for neutral settings and color="primary" when the switch needs brand emphasis.

Sizes

Switch supports the MUI size names medium and small, mapped to GDS internal spacing and dimensions.

States

Switch supports the usual checked, unchecked, disabled, hover, and focus-visible states from MUI.

Label

Use GdsFormControlLabel when the switch needs visible text. The label is composition, not a GdsSwitch prop. Medium switches use a Body1 label, and small switches use a Body2 label.

Props