UnderlineNav
- Alpha
- Not reviewed for accessibility
Use the UnderlineNav component to style navigation with a minimal underlined selected state, typically used for navigation placed at the top of the page.
UnderlineNav is deprecated and will be replaced by the draft UnderlineNav
in the next major release. See the draft UnderlineNav's docs for more details.
Attention: Make sure to properly label your UnderlineNav
with an aria-label
to provide context about the type of navigation contained in UnderlineNav
.
Name | Type | Default | Description |
---|---|---|---|
actions | React.ReactNode | Place another element, such as a button, to the opposite side of the navigation items. | |
align | 'right' | Use | |
full | boolean | Used to make navigation fill the width of the container. | |
aria-label | string | Used to set the | |
sx | SystemStyleObject |
Name | Type | Default | Description |
---|---|---|---|
as | React.ElementType | 'a' | The underlying element to render — either a HTML element name or a React component. |
href | string | ||
selected | boolean | ||
sx | SystemStyleObject |