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
  74ed0fac_72b0_4dce_e2da_ed236e117cad["TabsLine()"]
  57eef653_dff4_294e_f860_1ba8635cbfc3["tabs-line.tsx"]
  74ed0fac_72b0_4dce_e2da_ed236e117cad -->|defined in| 57eef653_dff4_294e_f860_1ba8635cbfc3
  style 74ed0fac_72b0_4dce_e2da_ed236e117cad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}