Skip to content

Components / Radio button

Radio button

Radio buttons allow you to select one item from a list of two or more options.



Radio buttons have the following states:

  • Enabled
  • Focus
  • Pressed
  • Disabled


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

Inspect component


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

Dark text color used for primary content in layouts


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


Themed text that matches the institution's branding; matches the link button text colors, but lacks the button's various interactive state properties


Background focused states


Background pressed states

© 2020 Jack Henry & Associates, Inc. Trademark notice
Version 2.0.0-beta.5.1. Last updated December 16, 2020.