Skip to main content Red Hat Design System logo Contribute on Github v2.0.0

Navigation (secondary)

Overview Style Guidelines Code Demos Accessibility

Overview

Status

What do these mean?
Figma library:
Ready✔️
RH Elements:
Ready✔️
RH Shared Libs:
Ready✔️

Sample element

Image of two stacked secondary navigations; one for large breakpoints and the other for small breakpoints

When to use

  • When you need to better organize a content structure
  • When you need to provide a more granular navigation that is specific to a topic
  • When you need to prevent other navigations from getting overloaded

Property Status Meaning
Figma library Ready✔️ Component is available in the Figma library
RH Elements Ready✔️ Component is available in the RH Elements repo
RH Shared Libs Ready✔️ Component is available in the RH Shared Libs repo
© 2021-2024 Red Hat, Inc. Deploys by Netlify