Draggable Side Nav

A generic resizable side panel container with collapse/expand functionality. Supports custom header, body, and footer content with smart drag-to-collapse behavior.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/DraggableSideNav/DraggableSideNav.tsx
• src/DraggableSideNav/index.ts
• src/DraggableSideNav/stable.ts
• src/DraggableSideNav/style.css
• src/DraggableSideNav/style.ts
• src/DraggableSideNav/type.ts
• src/types/index.ts
• src/types/customStylish.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Navigation Components
• React Navigation Components
• Sidebar Components
• React Sidebar Components

More from Lobe UI

• Side Nav
• Dashboard Console Nav
• Dashboard Filter Sidebar
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge