--- id: Navigation section: components cssPrefix: pf-v6-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 ``` ### Nav with flyout ```html ``` ### Nav with drilldown menu ```html ``` ### Nav with drilldown menu level two ```html ``` ### Nav with drilldown menu level three ```html ``` ### Nav item icons ```html ``` ## Documentation ### Overview The navigation system relies on several different sub-components: * `.pf-v6-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-v6-c-nav` | Describes `