Release notes

Changelog

We are continually making changes in order to improve and grow the Red Hat Design System. If you think changes need to be made to a component, foundation, or anything else, please submit a GitHub issue.

Version 1.2.0

Released October 16, 2023

Highlights

Change	Notes
Added <rh-table>	A table is a container for displaying information. It allows a user to scan, examine, and compare large amounts of data.
Added <rh-tile>	A tile is a flexible layout with a clickable and contained surface.
Added <rh-timestamp>	Provides consistent formats for displaying date and time values.
Added <rh-navigation-secondary> current page indicator support	Updated support for a current page indicator using aria-current="page".
Improved keyboard navigation on <rh-navigation-secondary>	Secondary Navigation now has improved keyboard navigation.
Fixed <rh-card> header slot	Card's header slot now displays items vertically instead of stacking, allowing for more than one item to display in the header.
Fixed <rh-cta> brick variant	Brick variants of calls to action (CTAs) are now full width.

View version 1.2 release notes

Version 1.1.0

Released July 5, 2023

Highlights

Change	Notes
Added <rh-card>	Card creates a component with a header, body, and footer. The header and footer are optional.
Added <rh-audio-player>	Audio-player creates a custom UI for audio files.
Added <rh-code-block>	A container for a block of code. May be composed into a toolbar or contain copy buttons or other interactive components.
Added new CSS custom properties for <rh-tooltip>	New CSS custom properties, like --rh-tooltip-arrow-size, --rh-tooltip-content-background-color, and more!
Added outline variant for <rh-tag>	Now you can use variant="outline".

View version 1.1 release notes

Version 1.0.0

Released April 3, 2023

Highlights

Change	Notes
Added <rh-cta>	A Call to Action is a styled link that directs a user to other pages or sometimes displays hidden content.
Added <rh-spinner>	Spinner consists of an animated circle and sometimes a message, and it indicates that a section is loading.
Added <rh-button>	Button is a form-associated custom element. Buttons allow users to perform an action when triggered.
Added <rh-tag>	A tag is an inline-block element component that provides a distinct visual style for metadata in a UI.
Added <rh-blockquote>	Displays a quote with author's name and title.
Added <rh-subnav>	The subnav component is used when an alternate navigation structure is needed to provide additional navigation on a site that does not need the product branding or structural depth that rh-secondary-nav provides.
Added <rh-tabs>	A tab set of layered content, including tab widgets and their associated tab panel.
Added <rh-accordion>	Accordion displays multiple, related disclosure widgets.
Added <rh-alert>	An alert displays auxiliary information on a website. An alert can have one of several states of severity.
Added <rh-avatar>	An Avatar is a placeholder graphic for a photo or an image that is placed to the left or on top of text.
Added <rh-pagination>	Pagination is a web component for navigating paginated content.
Added <rh-stat>	An element which can be used to display statistics inside of an app.
Added <rh-badge>	A badge is used to annotate other information with numerical content.
Added <rh-tooltip>	A tooltip displays floating content next to a portion of inline content.
Added <rh-secondary-nav>	A non-primary navigation for products and subcategory pages.
Added <rh-footer>	A universal footer component.
Added <rh-global-footer>	A standalone global footer component.
Renamed <rh-global-footer> to <rh-footer-universal>	Renamed the global slot to universal.
Renamed <rh-secondary-nav> to <rh-navigation-secondary>	Renamed the component and all sub components to rh-navigation-secondary-*.

View version 1.0 release notes

Older versions

For release notes on older versions, please view our release notes on GitHub.