Sidebar

Sidebar is a sidebar component from Watermelon UI (React).

Library

Watermelon UI

Framework

React

Type

ui

License

MIT

Dependencies

@floating-ui/react, class-variance-authority, lucide-react, motion, radix-ui

Install

npx shadcn add @watermelon/ui/sidebar

Files

• src/components/watermelon-ui/sidebar.tsx
• src/components/watermelon-ui/tooltip-animated.tsx
• src/components/watermelon-ui/button.tsx
• src/components/watermelon-ui/input.tsx
• src/components/watermelon-ui/separator.tsx
• src/components/watermelon-ui/sheet.tsx
• src/components/watermelon-ui/skeleton.tsx
• src/lib/utils.ts

Source

https://github.com/WatermelonCorp/watermellon-registry

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 Watermelon UI

• Macos Sidebar
• Macos Sidebar Base
• Morphing Sidebar Controls
• Aave Swap Component
• Accordion
• Accordion 03
• Accordion 04
• Accordion 05
• Accordion 1
• Accordion 10
• Accordion 11
• Accordion 12