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.

V5 Accordion

Toggle the visibility of sections of content

V5 Alert

V5 Avatar

For displaying a user's avatar image

V5 Back To Top

A shortcut that allows users to quickly navigate to the top of a lengthy content page.

V5 Background Image

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

V5 Badge

Allows users to display a stylized banner.

V5 Button

Allows users to perform an action when triggered

V5 Card

Gives a preview of information in a small layout

V5 Chip

V5 Clipboard Copy

V5 Code Block

V5 Helper Text

V5 Hint

Provides inline contextual help or information to users

V5 Icon

V5 Jump Links

V5 Label Group

Groups multiple labels with overflow, category, and close support.

V5 Label

Allows users to display meta data in a stylized form.

Displays information or helps a user focus on a task

V5 Panel

Toggle the visibility of helpful or contextual information.

V5 Progress Stepper

V5 Progress

Display completion status of ongoing process or task.

V5 Search Input

Allows users to search through a list for specific search terms

V5 Select

V5 Spinner

V5 Switch

V5 Table

V5 Tabs

V5 Text Area

V5 Text Input

V5 Tile

V5 Timestamp