All components - PatternFly Elements

Accordion

Toggle the visibility of sections of content

Autocomplete

Provides options in a dropdown list as user types in an input box

Avatar

For displaying a user's avatar image

Badge

Provides a way to have small numerical descriptors for UI elements

Band

Provides a set of slots in which to render banded content

Button

Allows users to perform an action when triggered

Card

Gives a preview of information in a small layout

Clipboard

A button to copy the text to the system clipboard.

Codeblock

Render code in a styled and formatted way.

Collapse

Hide and show content

Cta

Directs a user to other pages or displays extra content

Datetime

Display dates and times in a consistent format

Provides a dropdown menu of links and/or actions

Health Index

Shows a health grade

Icon

Delivers icon elements that can be sized, colored, and circled

Icon Panel

Provides a way to present text with an accompanying icon

Jump Links

Moves a user to content when a link is selected

Label

Markdown

Takes markdown as input and displays it as HTML

Displays information or helps a user focus on a task

Number

Display numbers in a consistent type and format

Page Status

Creates a flag/banner on the right side of the page

Primary Detail

A primary-detail layout is an interface that shows a list of items and the corresponding details of the selected item.

Progress Indicator

Indicates that the user is waiting on a process

Progress Steps

Guides a user through a task with multiple sequential steps

Readtime

Takes in the word count of a section and calculates the estimated read time based on language

Select

Organizes content in a contained view on the same page

Tabs