Basic

Three tabs with the default filled variant.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/tabs-01

Files

• registry/patterns/tabs/tabs-01.tsx
• src/components/ui/tabs.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• shadcn/ui Navigation Components
• Tabs Components
• React Tabs Components
• Tailwind CSS Tabs Components
• shadcn/ui Tabs Components

More from FLX UI

• Feature 01
• Line variant
• Vertical line
• Disabled tab
• With icons
• With count badges
• Icon only
• Icon with title
• Account and password
• In card
• Preview and code
• Pricing toggle