Dependencies
Registry
- @yurieui/ui/button
- @yurieui/ui/input
- @yurieui/ui/separator
- @yurieui/ui/sheet
- @yurieui/ui/skeleton
- @yurieui/ui/tooltip
Packages
- @base-ui/react
- lucide-react
- class-variance-authority
ui/sidebar
Sidebar
A responsive sidebar primitive with icon-collapse and mobile sheet modes.
Sidebar
The primitive that powers the larger Yurie navigation blocks.
Install
Bash
pnpm dlx shadcn@latest add @yurieui/ui/sidebarFiles
registry/yurieui/components/ui/sidebar.tsx
registry:ui
registry/yurieui/hooks/use-mobile.ts
registry:hook
Usage Notes
The Yurie sidebar is the foundation for `blocks/conversation-sidebar` and docs navigation.