UI Componentsprimitives

Tabs

Radix-based tabs component for organizing content.

Preview placeholder

tabs

Installation

Terminal
npx @ontopic/viz add ui/generic/tabs

Props

PropTypeDescription
defaultValuestringInitially active tab

See full TypeScript interface on GitHub for all props.

Usage Example

TypeScript
import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/viz/ui/generic/tabs';

Metadata

  • Last Updated2025-01-12
  • FrameworkUI Components
  • Categoryprimitives
  • Subcategorygeneric
UI Radix Tabs Navigation

Dependencies

@radix-ui/react-tabs

Quick Install

npx @ontopic/viz add ui/generic/tabs