All components - PatternFly Elements

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

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.

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

Hint

Provides inline contextual help or information to users

Label

Allows users to display meta data in a stylized form.

Displays information or helps a user focus on a task

Toggle the visibility of helpful or contextual information.

Progress

Display completion status of ongoing process or task.

Search Input

Allows users to search through a list for specific search terms