Skip to content

Components / Chip

Chip

Chips are small blocks that represent a complex entity.

Structure

Elements

  1. Container
  2. Text

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
primaryThemeBackgroundColor

The primary theme pairing; was more commonly used, but now has a limited use for first tally chips and login icons

#2A73A8FF
primaryThemeTextColor

Text guaranteed to contrast on the primary theme background

#FFFFFFFF
secondaryContentBackgroundColor

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