TabsLine() — ui Function Reference

Architecture documentation for the TabsLine() function in tabs-line.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ TabsLine() — ui Function Reference

Dependency Diagram

graph TD
  647083e9_7ab3_79e3_e164_1b8831209442["TabsLine()"]
  2c69361e_3dfd_04e8_0e15_624d3cfa52ef["tabs-line.tsx"]
  647083e9_7ab3_79e3_e164_1b8831209442 -->|defined in| 2c69361e_3dfd_04e8_0e15_624d3cfa52ef
  style 647083e9_7ab3_79e3_e164_1b8831209442 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/tabs-line.tsx lines 3–13

export function TabsLine() {
  return (
    <Tabs defaultValue="overview">
      <TabsList variant="line">
        <TabsTrigger value="overview">Overview</TabsTrigger>
        <TabsTrigger value="analytics">Analytics</TabsTrigger>
        <TabsTrigger value="reports">Reports</TabsTrigger>
      </TabsList>
    </Tabs>
  )
}