Tab Components
Tab navigation components with various styles and behaviors with visual previews for all components.
import { ... } from "@/components/blocks/tabs"TabsUnderline
ProImport TabsUnderline from @/components/blocks/tabs
TabsPillsBasic
ProImport TabsPillsBasic from @/components/blocks/tabs
TabsBoxedBasic
ProImport TabsBoxedBasic from @/components/blocks/tabs
TabsVerticalBasic
ProImport TabsVerticalBasic from @/components/blocks/tabs
TabsCardBasic
ProImport TabsCardBasic from @/components/blocks/tabs
TabsSegmented
ProImport TabsSegmented from @/components/blocks/tabs
TabsSimple
FreeImport TabsSimple from @/components/blocks/tabs
TabsWithIcons
FreeImport TabsWithIcons from @/components/blocks/tabs
TabsWithBadge
ProImport TabsWithBadge from @/components/blocks/tabs
TabsResponsive
ProImport TabsResponsive from @/components/blocks/tabs
TabsAnimated
ProImport TabsAnimated from @/components/blocks/tabs
TabsMinimal
ProImport TabsMinimal from @/components/blocks/tabs
TabsFullWidth
ProImport TabsFullWidth from @/components/blocks/tabs
TabsWithDropdown
ProImport TabsWithDropdown from @/components/blocks/tabs
TabsWithContent
ProImport TabsWithContent from @/components/blocks/tabs
TabsDark
ProImport TabsDark from @/components/blocks/tabs
TabsUnderlined
ProImport TabsUnderlined from @/components/blocks/tabs
TabsPills
ProImport TabsPills from @/components/blocks/tabs
TabsBoxed
ProImport TabsBoxed from @/components/blocks/tabs
TabsVertical
ProImport TabsVertical from @/components/blocks/tabs
TabsCard
ProImport TabsCard from @/components/blocks/tabs
All 21 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/tabs