Tabs Enhanced
Rozšířené taby s variantami line / pills / pills-filled / cards / underline, badge a zarovnáním
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/tabs-enhanced.json
Usage
Preview
Varianta: line
Varianta: pills
Varianta: pills-filled
Varianta: cards
Varianta: underline
Barvy (pills-filled)
Zarovnání (line, primary)
left
center
right
stretch
Import
import { TabsEnhanced } from "@/components/ui/tabs-enhanced"
Example
<TabsEnhanced
variant="line"
color="primary"
tabs={[
{ id: "tab1", label: "Přehled", content: <p>Obsah přehledu</p> },
{ id: "tab2", label: "Nastavení", badge: "3" },
{ id: "tab3", label: "Profil", disabled: true },
]}
/>
// Pills varianta
<TabsEnhanced variant="pills-filled" color="secondary" tabs={tabs} />
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)