Switches

Switches toggle a single setting on or off. They provide immediate results and do not require a form submission to take effect.

Basic Usage

A switch with a paired label. The label should clearly describe the setting being controlled.

Settings List

Group switches into settings lists with icons and supporting descriptions for complex preference panels.

Receive alerts for new messages and updates

Use dark theme across the application

Sync data when connected to network

Allow others to view your profile

Require authentication code on login

States

Switches can be checked, unchecked, or disabled.