Vertical line

Vertical orientation with underline indicators, suited for sidebar navigation.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

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

Files

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