Skip to content

Collections

Collections are lists of available values that can be used to customize the appearance of components, such as colors, sizes, and placement. Collections are used to ensure consistency across the design system.

General Guidelines

  • Components can support one or more collections from a collection category. Refer to the documentation for each component to see which collections are available.
  • If an option from a collection is used in a component, all other options from the same collection must be available for use in that component too.

Colors

The following color names are designed for use in components that support the color prop:

Collection Available values
Action primary, secondary, selected
Feedback success, warning, danger, info, help, note
Neutral light, dark