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

Avatar

For displaying a user's avatar image

Background Image

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

Back To Top

A shortcut that allows users to quickly navigate to the top of a lengthy content 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

Chip

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

Select

Spinner

Switch

Tabs

Table

Text Area

Text Input

Tile

Timestamp