Neobrut Vue
GitHub
On this page

Tabs

NbTabs connects triggers and panels by matching value. The tab list supports arrow keys, Home, and End.

Preview

Usage

<NbTabs default-value="overview">
  <NbTabsList>
    <NbTabsTrigger value="overview">Overview</NbTabsTrigger>
    <NbTabsTrigger value="details">Details</NbTabsTrigger>
  </NbTabsList>
  <NbTabsContent value="overview">The short version.</NbTabsContent>
  <NbTabsContent value="details">The full story.</NbTabsContent>
</NbTabs>

Use v-model instead of default-value when the parent needs the active tab.

Navigation

Search docs