A **deprecated** Radix UI-based tabs component set that wraps `@radix-ui/react-tabs` with legacy shadcn/ui styling tokens. All exports are marked for migration to `TabNavigation` from `components/ui/tab-navigation`. > ⚠️ **Deprecated:** Do not use in new code. Migrate to [`TabNavigation`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/components/ui/tab-navigation.tsx) which provides ODS tokens, URL-sync, and overflow scroll shadows. ## Key Components | Export | Type | Description | |---|---|---| | `Tabs` | Component | Root wrapper — alias for `TabsPrimitive.Root` | | `TabsList` | Component | Container for tab trigger buttons; styled with `bg-muted` and `rounded-md` | | `TabsTrigger` | Component | Individual tab button; applies active-state background and shadow via `data-[state=active]` | | `TabsContent` | Component | Panel rendered when its associated trigger is active | All components forward refs and accept the full props of their underlying Radix primitive. ## Usage Example ```typescript import { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs" // ⚠️ Deprecated — use TabNavigation for new code export function LegacyTabExample() { return ( Overview Details

Overview content

Details content

) } ``` ## Migration Replace with `TabNavigation` from `components/ui/tab-navigation`: ```typescript // Before (deprecated) import { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs" // After import { TabNavigation } from "components/ui/tab-navigation" ``` **Source:** [`tabs.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/components/ui/tabs.tsx)