Sidebar

A shadcn-style sidebar component built with Ark UI primitives.

Library

ark-cn

Framework

React

Type

ui

Dependencies

@ark-ui/react, class-variance-authority, lucide-react

Install

npx shadcn@latest add @ark-cn/sidebar

Files

• src/components/ui/sidebar.tsx
• src/hooks/use-mobile.ts
• src/components/ui/button.tsx
• src/components/ui/input.tsx
• src/components/ui/separator.tsx
• src/components/ui/sheet.tsx
• src/components/ui/tooltip.tsx
• src/lib/utils.ts

Source

https://github.com/RajaARK99/ark-cn

Categories

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

More from ark-cn

• Accordion
• Alert
• Alert Dialog
• Angle Slider
• Avatar
• Badge
• Breadcrumb
• Button
• Button Group
• Card
• Carousel
• Checkbox