Checkbox
Checkboxes allow you to select one or more items from a list of options.
Behavior
States
Checkboxes have the following states:
- Enabled
- Focus
- Pressed
- Disabled
Style
Style specifications are available to inspect via Abstract. The following link will take you to their web-based interface.
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 |
|---|---|---|
bodyTextPrimaryColor
Dark text color used for primary content in layouts |
#071523FF
|
|
bodyTextSecondaryColor
Medium dark text color used for secondary or muted content in layouts |
#64707DFF
|
|
bodyTextThemeColor
Themed text that matches the institution's branding; matches the link button text colors, but lacks the button's various interactive state properties |
#2A73A8FF
|
|
linkButtonFocusedColor
Background focused states |
#2A73A81A
|
|
linkButtonPressedColor
Background pressed states |
#2A73A833
|