Underlined Tabs

Docs

Underlined Tabs

Components to section areas of content with an underline indicator.

Default

With icons and hover feedback

Usage

import {
  UnderlinedTabs,
  UnderlinedTabsContent,
  UnderlinedTabsList,
  UnderlinedTabsTrigger
} from '@/components/ui/underlined-tabs';

<UnderlinedTabs defaultValue="account">
  <UnderlinedTabsList>
    <UnderlinedTabsTrigger value="account">Account</UnderlinedTabsTrigger>
    <UnderlinedTabsTrigger value="password">Password</UnderlinedTabsTrigger>
  </UnderlinedTabsList>
  <UnderlinedTabsContent value="account" />
  <UnderlinedTabsContent value="password" />
</UnderlinedTabs>

Tree View