Drawer

Edge-anchored panel built directly on Base UI dialog primitives, with four placements, an optional sidebar layout, and nested push behaviour.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Drawer/atoms.tsx
• src/Drawer/constants.ts
• src/Drawer/Drawer.tsx
• src/Drawer/DrawerLayerContext.tsx
• src/Drawer/DrawerPushContext.tsx
• src/Drawer/index.ts
• src/Drawer/stable.ts
• src/Drawer/style.ts

Source

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

Categories

• Drawer Components
• React Drawer Components
• Overlay Components
• React Overlay Components

More from Lobe UI

• Draggable Panel
• 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