TabsVertical() — ui Function Reference

Architecture documentation for the TabsVertical() function in tabs-vertical.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ TabsVertical() — ui Function Reference

Dependency Diagram

graph TD
  dfc83bf5_9158_ee2a_3222_af034bff7278["TabsVertical()"]
  30d995cb_5091_9305_b45d_8ad5b796f4eb["tabs-vertical.tsx"]
  dfc83bf5_9158_ee2a_3222_af034bff7278 -->|defined in| 30d995cb_5091_9305_b45d_8ad5b796f4eb
  style dfc83bf5_9158_ee2a_3222_af034bff7278 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export function TabsVertical() {
  return (
    <Tabs defaultValue="account" orientation="vertical">
      <TabsList>
        <TabsTrigger value="account">Account</TabsTrigger>
        <TabsTrigger value="password">Password</TabsTrigger>
        <TabsTrigger value="notifications">Notifications</TabsTrigger>
      </TabsList>
    </Tabs>
  )
}