Components

Overview

Components are interactive building blocks of our design system. Each component was created to meet a specific UI and accessibility need. Components should be used harmoniously together in the same space to create more intuitive user experiences.

Accordion

Toggle the visibility of sections of content

Badge

Button

Allows users to perform an action when triggered

Avatar

For displaying a user's avatar image

Card

Gives a preview of information in a small layout

Clipboard Copy

Code Block

Icon

Jump Links

Label

Allows users to display meta data in a stylized form.

Displays information or helps a user focus on a task

Panel

Progress Stepper

Spinner

Switch

Tabs

Tile

Timestamp

Toggle the visibility of helpful or contextual information.