Tabs 12 - Scrollable Overflow

Horizontally scrollable tabs with arrow buttons, edge fades, and auto-scroll to the active tab.

Library

Shadcn Space

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Files

• src/components/shadcn-space/tabs/tabs-12.tsx
• src/components/shadcn-space/tabs/tabs-12.css
• src/lib/utils.ts
• src/components/ui/button.tsx
• src/components/ui/tabs.tsx
• src/config.ts

Source

https://github.com/shadcnspace/shadcnspace

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 Shadcn Space

• Code Block 06 - Language Tabs
• Tabs-01 - Animated
• Tabs-04 - With Count
• Tabs-05 - Underline
• Tabs-06 - Vertical
• Tabs-07 - Icon & Description
• Tabs 08 - Animated Dashboard Tabs
• Tabs 09 - Seasonal PixelSnow Tabs
• Tabs 10 - Package Manager
• Tabs 11 - Browser Tabs
• About Us 01 - Impact Metrics
• Accordion-01 - Default