With icons

Tabs with a small icon placed before each label in the trigger.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

lucide-react

Install

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

Files

• registry/patterns/tabs/tabs-06.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 count badges
• Icon only
• Icon with title
• Account and password
• In card
• Preview and code
• Pricing toggle