In card

Tabs inside a card with stats, member list, and billing summary panels.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

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

Files

• registry/patterns/tabs/tabs-12.tsx
• src/components/ui/card.tsx
• src/components/ui/separator.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
• Basic
• Line variant
• Vertical line
• Disabled tab
• With icons
• With count badges
• Icon only
• Icon with title
• Account and password
• Preview and code
• Pricing toggle