Navigation menu with links styled as tabs.
This component is based on the Navigation Menu primitive and supports common margin props.
Contains the navigation menu links.
Prop | Type | Default |
---|---|---|
size | Responsive<"1" | "2"> | "2" |
wrap | Responsive<"nowrap" | "wrap" | "wrap-reverse"> | |
justify | Responsive<"start" | "center" | "end"> | |
color | enum | |
highContrast | boolean |
An individual navigation menu link.
Prop | Type | Default |
---|---|---|
asChild | boolean | |
active | boolean | false |
Use the size
prop to control the size of the tabs.
Use the asChild
prop to compose TabNav.Link
with your appโs router link component.