## Overview [#overview] The **Tabs** component organises related content into separate panels that users can switch between, providing an efficient way to present multiple views or sections within the same interface area. Built on Base UI primitives, it offers full keyboard navigation and accessibility features. ## Usage [#usage] ```tsx import { Tabs, TabsList, TabsTrigger, TabsContent, } from "@tilt-legal/cubitt-components/primitives"; ``` ```tsx Account Settings Billing Account content Settings content Billing content ``` Using Cubitt's URL-state hooks, you can sync the tabs state with the URL by providing a `paramName`: ```tsx // The selected value will be synced with ?tab=account or ?tab=settings Account Settings Billing Account content Settings content Billing content // Advanced options: console.log('Active tab:', value)} defaultValue="home" > {/* ... */} ``` `TabsTrigger` forwards Base UI's polymorphic `render` support. When the trigger renders as something other than a native `