Skip to content

Components / Switch

Switch

Switches allow you to select between one of two opposing states or options.

Behavior

States

Switches have the following states:

  • Enabled
  • Focus
  • Disabled
Enabled
Focus
Disabled

Style

Style specifications are available to inspect via Abstract. The following link will take you to their web-based interface.

Inspect component

Theming

The following table lists the theme properties used to style this component and any variations as well as a sample value.

A full list of properties used within the design system—as well as general usage guidelines—is available on the Theme properties page.

Examples of each theme property may be referenced by clicking a property name in the “property” column.

Sample Property Sample value
bodyTextSecondaryColor

Medium dark text color used for secondary or muted content in layouts

#64707DFF
linkButtonPressedColor

Background pressed states

#2A73A833
primaryContentBackgroundColor

Default card and list background

#FFFFFFFF
toggleSwitchActiveColor

Color used to theme active toggle switches in Online and Android

#3B8712FF
© 2021 Jack Henry & Associates, Inc. Trademark notice
Version 0.7.0. Last updated March 23, 2021.