Skip to main content

Toggle

A switch element rendered as a styled <input type="checkbox" role="switch">. Use checked to turn it on, disabled to disable it.

Basic usage​

toggle: Dark mode
toggle: Analytics

On by default​

checked toggle: Email alerts
checked toggle: Auto-save

Disabled​

disabled toggle: Beta features
checked disabled toggle: Required setting

Reference​

ModifierEffect
checkedSwitch is on by default
disabledSwitch is disabled