TabsExample() — ui Function Reference

Architecture documentation for the TabsExample() function in tabs-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ TabsExample() — ui Function Reference

Dependency Diagram

graph TD
  f0ba79e8_9754_af00_7e4a_5d5d1cb8402c["TabsExample()"]
  dd1a6104_63fe_63e2_e50f_c437e305bec0["tabs-example.tsx"]
  f0ba79e8_9754_af00_7e4a_5d5d1cb8402c -->|defined in| dd1a6104_63fe_63e2_e50f_c437e305bec0
  style f0ba79e8_9754_af00_7e4a_5d5d1cb8402c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/tabs-example.tsx lines 22–40

export default function TabsExample() {
  return (
    <ExampleWrapper>
      <TabsBasic />
      <TabsLine />
      <TabsVariantsComparison />
      <TabsDisabled />
      <TabsWithIcons />
      <TabsIconOnly />
      <TabsMultiple />
      <TabsWithContent />
      <TabsLineWithContent />
      <TabsLineDisabled />
      <TabsWithDropdown />
      <TabsVertical />
      <TabsWithInputAndButton />
    </ExampleWrapper>
  )
}