Icon rail that collapses

Labels give way to tooltips at 3rem, with a rail and a trigger to drive it.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

cn

Install

npx shadcn@latest add @reui/c-sidebar-2

Files

• registry-reui/bases/radix/components/sidebar/c-sidebar-2.tsx
• registry/bases/radix/ui/avatar.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/sidebar.tsx
• registry/bases/radix/ui/tooltip.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx

Source

https://github.com/keenthemes/reui

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Sidebar Components
• React Sidebar Components
• Tailwind CSS Sidebar Components

More from ReUI

• Application shell with a workspace switcher
• Documentation nav with sub-menus
• Right-hand inspector panel
• Filtering, loading and empty states
• Alert
• Autocomplete
• Badge
• A basic single-expand accordion
• Accordion with rotating arrow indicator
• Accordion pattern for onboarding or setup steps with icons, badges, and QR codes
• Accordion with plus/minus indicators
• Accordion with borders and rounded corners