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

Back To Top

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

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.

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

Displays information or helps a user focus on a task

Label

Allows users to display meta data in a stylized form.

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