Skip to content
Versions v4 v3 v2 v1

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

Back To Top

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

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.

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-2024 Red Hat, Inc. Deploys by Netlify