Draggable Panel

An edge-anchored panel that can be resized by dragging, by keyboard, or collapsed. Built on motion values, so a drag never re-renders React.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/DraggablePanel/atoms.tsx
• src/DraggablePanel/context.ts
• src/DraggablePanel/DraggablePanel.tsx
• src/DraggablePanel/index.ts
• src/DraggablePanel/marker.stylex.ts
• src/DraggablePanel/stable.ts
• src/DraggablePanel/style.ts
• src/DraggablePanel/type.ts

Source

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

Categories

• Drawer Components
• React Drawer Components
• Layout Components
• React Layout Components
• Overlay Components
• React Overlay Components
• Split Pane Components
• React Split Pane Components

More from Lobe UI

• Drawer
• Floating Sheet
• Base Ui Draggable Panel
• Base Ui Drawer
• Base Ui Floating Sheet
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete