Design/code status

Our team is building a robust library of components as quickly as possible. When we add new components or make significant updates to existing components, we will try and update this table with our progress so you know what is currently available to use.

Component or pattern name Design Code repo Documentation
Accordion Complete
PFE
Studio
WebRH
Alert Complete
Adobe Target
PFE
PFE (in progress)
Announcement Complete
PFE
Studio
PFE (backlog)
Audio player (old) Complete
Studio
ux.redhat.com
Audio player (new) Complete
PFE
ux.redhat.com (in progress)
PFE (in progress)
Avatar Complete
Custom
ux.redhat.com
Breadcrumb Complete
WebRH
ux.redhat.com (in progress)
Button Complete
PFE
Button (Stateful) Complete
PFE
ux.redhat.com (backlog)
Call to action Complete
Multiple
PFE
Card Complete
Multiple
PFE
Code block (syntax highlighter) Complete
PFE
ux.redhat.com (backlog)
Cookie alert Complete
WebRH
ux.redhat.com (backlog)
Disclosure Complete
PFE
WebRH
PFE (backlog)
Dropdown Complete
PFE
ux.redhat.com backlog)
Filter Complete
WebRH
ux.redhat.com
Footer Complete Not coded yet ux.redhat.com (backlog)
Form Complete
Multiple
ux.redhat.com
Grid Complete
PFE
Studio
WebRH
PFE (backlog)
Hero In progress Not coded yet ux.redhat.com (backlog)
Jump links Complete
PFE
Label Complete Not coded yet ux.redhat.com (backlog)
Link Complete
Multiple
Link with icon Complete
Custom
ux.redhat.com
Modal (content) Complete
PFE
Modal (video) Complete
Custom
ux.redhat.com
Navigation (primary) Complete
PFE
WebRH
Navigation (secondary) In progress
Custom
ux.redhat.com (backlog)
Navigation (universal) Complete
Custom
ux.redhat.com (backlog)
Pagination In progress Not coded yet ux.redhat.com (backlog)
Popover Complete
PFE
ux.redhat.com (in progress)
PFE (in progress)
Progress steps Complete
PFE
Promo Complete
WebRH
ux.redhat.com
Quote Complete
Custom
ux.redhat.com
Search bar Complete
Custom
ux.redhat.com
Skip navigation Complete
PFE
PFE (in backlog)
Spacer Complete
Multiple
ux.redhat.com
Sticky banner Complete
Adobe Target
Studio
ux.redhat.com
Sticky card Complete
Studio
ux.redhat.com
Switch Complete Not coded yet ux.redhat.com (backlog)
Table Complete Not coded yet ux.redhat.com (backlog)
Tabs Complete
Multiple
Tooltip Complete
Custom
ux.redhat.com
Typography Complete
Multiple
ux.redhat.com
Video thumbnail Complete
Studio
ux.redhat.com

To give feedback about anything on this page or to request a new Component, contact us.

To learn more about how to use foundational elements, visit the Foundations section.