Sidebar

An app sidebar that collapses to icons or off canvas, stays pinned under your header, and becomes a swipeable sheet on phones.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0, @tabler/icons-react, class-variance-authority, cn

Install

npx shadcn@latest add https://hextaui.com/r/sidebar.json

Files

• components/ui/sidebar.tsx
• components/ui/button.tsx
• components/ui/collapsible.tsx
• components/ui/dropdown-menu.tsx
• lib/hotkey.ts
• components/ui/input.tsx
• components/ui/number-flow.tsx
• components/ui/sheet.tsx

Source

https://github.com/preetsuthar17/hextaui

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components
• shadcn/ui Navigation Components
• Sidebar Components
• React Sidebar Components
• Tailwind CSS Sidebar Components
• Animated Sidebar Components
• shadcn/ui Sidebar Components

More from HextaUI

• Accordion
• Alert
• Alert dialog
• Aspect ratio
• Attachment
• Avatar
• Badge
• Breadcrumb
• Bubble
• Button
• Button group
• Calendar