Lifted Tab
Elegant and interactive tab components crafted with Tailwind CSS and Framer Motion. Easily integrate and customize to elevate your web applications.
Tabs Animated framer-motion
npm install gopx-webuiInstallation
Run the following command:
npx gopx-webui add lifted-tabProps
| Prop | Type | Required | Description |
|---|---|---|---|
tabs | Array<{ id: string; label: string; }> | Yes | An array of tab objects, each containing an id and label. |
activeTab | string | Yes | The id of the currently active tab. |
setActiveTab | (tabId: string) => void | Yes | A function to update the active tab by setting its id. |