Skip to content

role switch

Switch draft v0.1.0

Turns a setting on or off, with immediate effect.

A switch is a binary control for a setting that applies as soon as it is flipped: notifications on or off, dark mode, airplane mode. It has two values only, on and off, shown by the position of its thumb and the fill of its track. A choice that is saved later with a form, or that may be partially on, is a Checkbox.

Examples

Email notifications

size="medium"
label="Email notifications"

Open in playground

Dark mode

size="medium"
label="Dark mode"
checked=true

Open in playground

Two-factor authentication

Ask for a code from your authenticator app at sign-in.

size="medium"
label="Two-factor authentication"
description="Ask for a code from your authenticator app at sign-in."
checked=true

Open in playground

Show hidden files

size="small"
label="Show hidden files"

Open in playground

Location services

Managed by your organization.

size="medium"
label="Location services"
description="Managed by your organization."
checked=true
disabled=true

Open in playground