OpenGov IconCapital Design System

Switch

Switches are used to gather boolean data from a user.

Documentation in progress---------------------

Think of the toggle switch as a physical power switch for the product: you flip it on or off when you want to enable or disable functionality. Only use a switch for a singular binary operation that take effect right after the user flips the toggle switch.

To make the toggle switch easy to understand, label it with one or two words, preferably nouns, that describe the functionality it controls. For example, "Email Alerts" or "Account Strings."

Variants

off
on

Configuration

off
on
Small

Quick Reference Specs

  • Type: 16pt Benton Condensed
  • Icon Size: 16x16
  • Total Height: 38px

States

off
on
Checked
off
on
Disabled

Usage

Do

Only use a switch for a singular binary operation that take effect right after the user flips the toggle switch.

Don't

Avoid using the switch for a group of related choices. Instead, use a checkbox group.

Layout

...
...
Description about layout structure

Content

© 2021 OpenGov