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.

Avatar

For displaying a user's avatar image

Accordion

Toggle the visibility of sections of content

Background Image

Allows users to place an image in the background of your page or area of a page.

Badge

Allows users to display a stylized banner.

Button

Allows users to perform an action when triggered

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

Toggle the visibility of helpful or contextual information.

Progress

Display completion status of ongoing process or task.

Progress Stepper

Spinner

Switch

Table

Tabs

Text Input

Tile

Timestamp