Tabs

Tabbed interface built on Radix UI Tabs.

Import

import { Tabs, TabsList, TabsTrigger, TabsContent } from "neoterm-ui";

Usage

<Tabs defaultValue="overview">
  <TabsList>
    <TabsTrigger value="overview">Overview</TabsTrigger>
    <TabsTrigger value="logs">Logs</TabsTrigger>
    <TabsTrigger value="config">Config</TabsTrigger>
  </TabsList>
  <TabsContent value="overview">Dashboard content…</TabsContent>
  <TabsContent value="logs">Log viewer here…</TabsContent>
  <TabsContent value="config">Settings form…</TabsContent>
</Tabs>

Components

Prop	Type	Default	Description
Tabs	Root	—	Container. Accepts defaultValue or value + onValueChange.
TabsList	List	—	Tab trigger group.
TabsTrigger	Trigger	—	Individual tab button. Requires value prop.
TabsContent	Content	—	Panel rendered when its value is active.