--- id: Navigation section: components cssPrefix: pf-v5-c-nav ---import './Navigation.css' ## Examples ### Default ```html ``` ### Grouped nav ```html ``` ### Grouped nav, no titles ```html ``` ### Expanded ```html ``` ### Expanded with subnav titles ```html ``` ### Mixed ```html ``` ### Expandable, third level ```html ``` ### Horizontal ```html ``` ### Horizontal overflow ```html ``` ### Horizontal subnav ```html ``` ### Horizontal subnav overflow ```html ``` ### Tertiary ```html isDeprecated ``` ### Tertiary overflow ```html isDeprecated ``` ### Default in light mode ```html isDeprecated ``` ### Expanded in light mode ```html isDeprecated ``` ### Nav with flyout ```html isBeta
``` ### Nav with drilldown menu ```html isBeta ``` ### Nav with drilldown menu level two ```html isBeta ``` ### Nav with drilldown menu level three ```html isBeta ``` ### Nav link text When using anything other than a text node for the link text, wrap the link text in an element with `.pf-v5-c-nav__link-text`. ```html isBeta ``` ## Documentation ### Overview The navigation system relies on several different sub-components: * `.pf-v5-c-nav__list` - default navigation list. It is the basis for both default and expandable, vertical navigation. ### Accessibility | Attribute | Applied to | Outcome | | -- | -- | -- | | `aria-label="[landmark description]"` | `.pf-v5-c-nav` | Describes `