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

Component overview

Avatar

For displaying a user's avatar image

Component overview

Back To Top

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

Component overview

Background Image

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

Component overview

Allows users to display a stylized banner.

Component overview

Button

Allows users to perform an action when triggered

Component overview

Card

Gives a preview of information in a small layout

Component overview

Label

Allows users to display meta data in a stylized form.

Component overview

Displays information or helps a user focus on a task

Component overview

Popover

Toggle the visibility of helpful or contextual information.

Component overview

Progress

Display completion status of ongoing process or task.

Component overview

Tooltip

Toggle the visibility of helpful or contextual information.

Component overview
© 2018-2024 Red Hat, Inc. Deploys by Netlify