Command Palette
Search for a command to run...
HQ UI
Home
Components
Getting Started
Client Side Routing
Installation
Introduction
Framework Guides
Nextjs
Vite
Dark Modes
Astro
Inertia.js
Next.js
Remix
Vite
Components
Buttons
Button
File Trigger
Toggle
Toggle Group
Charts
Chart
Collections
Accordion
Collapsible
Dropdown Menu
Grid List
Item
List Box
Table
Tag Group
Tree
Colors
Color
Controls
Command
Kbd
Slider
Switch
Toolbar
Date And Time
Calendar
Date Field
Date Picker
Date Range Picker
Range Calendar
Time Field
Drag And Drop
Drop Zone
Forms
Checkbox
Combo Box
Field
Input
Input O T P
Number Field
Radio
Search Field
Select
Text Field
Layouts
Container
Navbar
Sidebar
Media
Avatar
Carousel
Navigation
Breadcrumbs
Link
Pagination
Tabs
Overlays
Dialog
Drawer
Popover
Sheet
Tooltip
Statuses
Alert
Badge
Empty
Meter
Progress
Skeleton
Sonner
Surfaces
Card
Separator
Search...
⌘
K
Toggle Navbar
HQ UI
Sidebar
A sidebar is a component that helps you organize your content and navigation.
Installation
CLI
Manual
npx shadcn@latest add
https://hq-ui.vercel.app/r/sidebar
Blocks
sidebar-demo
sidebar-floating-demo
sidebar-inset-demo
On this page
Installation
Blocks
On this page
Installation
Blocks