Design/code status

  1. Overview
  2. Web component status
  1. Overview
  2. Web component status

Overview

A detailed synopsis of our web components and their implementation status.

Sample tag Meaning
Planned Ready to be worked on or ready to be released
In progress In the design or development process
Ready Ready to use and approved by all team members
Deprecated No longer supported by RHDS
N/A Not planned, not available, or does not apply

Web component status

Name Figma library RH Elements RH Shared Libs Documentation
Accordion Ready Ready Ready Ready
Alert Ready
Ready Ready Ready
Audio player Ready
Ready Ready Ready
Avatar Ready
Ready Ready Ready
Back to top Ready
Ready Planned In Progress
Badge Ready
Ready Ready Ready
Blockquote Ready
Ready Ready Ready
Breadcrumb New Ready
Ready Planned Ready
Button Ready
Ready Ready Ready
Call to action Ready
Ready Ready Ready
Card Ready
Ready Ready Ready
Code block Ready
Ready Ready Ready
Dialog Ready
Ready Ready Ready
Footer Ready
Ready Ready Ready
Health index New Ready
Ready Planned Ready
Icon New Ready
Ready Planned Ready
Jump links Planned N/A
N/A N/A Ready
Navigation (primary) Planned Planned
Planned Planned Planned
Navigation (secondary) Ready
Ready Ready Ready
Pagination Ready
Ready Ready Ready
Popover Ready
Planned Planned Ready
Progress steps Ready
Planned Planned Ready
Skip link Ready
Ready Planned Ready
Site status Ready
Ready Planned Ready
Spinner Ready
Ready Ready Ready
Statistic Ready
Ready Ready Ready
Subnavigation Ready
Ready Ready Ready
Surface Ready
Ready Ready Ready
Switch New Ready
Ready Planned Ready
Table Ready
Ready Ready Ready
Tabs Ready
Ready Ready Ready
Tag Ready
Ready Ready Ready
Tile Ready
Ready Ready Ready
Timestamp Ready
Ready Ready Ready
Tooltip Ready
Ready Ready Ready
Video embed New Ready
Ready Planned Ready

Release notes

To see what foundations, tokens, elements, or patterns have been released recently, visit this page.