Skip to content

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

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

Label

Allows users to display meta data in a stylized form.

Displays information or helps a user focus on a task

Popover

Toggle the visibility of helpful or contextual information.

Progress

Display completion status of ongoing process or task.

Tooltip

Toggle the visibility of helpful or contextual information.

© 2018-2023 Red Hat, Inc. Deploys by Netlify