UnderlineNav
The UnderlineNav is used to display navigation in a horizontal tabbed format.
Page navigation navigation
Set aria-current to "page" to indicate that the item represents the current page. Set aria-current to "location" to indicate that the item represents the current location on a page.
Icons in UnderlineNav.Item are purely decorative and are hidden from screen readers by default. If the icon does convey any informational meaning, the adjacent text inside of the tab must provide all the necessary information without relying on the icon itself.
Keyboard navigation
Items can be activated using a cursor or keyboard
| Key(s) | Description |
|---|---|
| Enter | Activates the focused item. |
| Tab | Moves focus to the next item. |