Toggle Sidebar B
header.lightDarkMode D

Tab Nav

Underline-style nav tabs that map to NuxtLink routes. Use for page-level navigation between related routes (Settings > Account / Notifications / Security).

When to use TabNav vs Tabs

TabNav switches the URL — each tab is a real route. Tabs switches view inside a single page without changing the URL.

Default

Pass a tabs array of route descriptors.

API Reference

Props, events, and slots for each sub-component.

TabNav

Props

PropTypeDefaultDescription
tabsTab[]Required. Each tab: { to: string, label: string, exact?: boolean, activeFor?: string[] }.
classstringOverride layout.