TabNav
Use tab nav to style navigation with a tab-based selected state, typically used for navigation placed at the top of the page.
- Alpha
- Not reviewed for accessibility
Attention: Make sure to properly label your TabNav with an aria-label to provide context about the type of navigation contained in TabNav.
| Name | Type | Default | Description |
|---|---|---|---|
| aria-label | string | Used to set the `aria-label` on the top level `<nav>` element. | |
| sx | SystemStyleObject | Style overrides to apply to the component. See also overriding styles. |
| 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 | Style overrides to apply to the component. See also overriding styles. |