Tabs() — ui Function Reference

Architecture documentation for the Tabs() function in tabs.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Tabs() — ui Function Reference

Dependency Diagram

graph TD
  904c94b9_c6ec_7fc4_1000_3e2f035e454a["Tabs()"]
  d66df814_2ad1_25c1_8f7d_68ee351b7711["tabs.tsx"]
  904c94b9_c6ec_7fc4_1000_3e2f035e454a -->|defined in| d66df814_2ad1_25c1_8f7d_68ee351b7711
  style 904c94b9_c6ec_7fc4_1000_3e2f035e454a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/tabs.tsx lines 9–26

function Tabs({
  className,
  orientation = "horizontal",
  ...props
}: React.ComponentProps<typeof TabsPrimitive.Root>) {
  return (
    <TabsPrimitive.Root
      data-slot="tabs"
      data-orientation={orientation}
      orientation={orientation}
      className={cn(
        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
        className
      )}
      {...props}
    />
  )
}