Animated Tabs
Tabs with smooth layout animation.
npx arupui add animated-tabs
Preview
Usage
animated-tabs.tsx
import { AnimatedTabs } from "@/components/blocks/animated-tabs"
<AnimatedTabs
tabs={[{ id: "1", label: "Tab 1" }]}
activeTab="1"
onTabChange={setTab}
/>Props
| Prop | Type | Default |
|---|---|---|
tabs | Tab[] | - |
activeTab | string | - |
onTabChange | (id: string) => void | - |
tabsType:
Tab[]Default: -activeTabType:
stringDefault: -onTabChangeType:
(id: string) => voidDefault: -