Drawer

A panel that slides in from the edge of the screen, typically used for navigation or forms.

Library

Ark UI

Framework

React

Type

component

License

MIT

Install

npm install @ark-ui/react

Files

• packages/react/src/components/drawer/drawer-backdrop.tsx
• packages/react/src/components/drawer/drawer-close-trigger.tsx
• packages/react/src/components/drawer/drawer-content.tsx
• packages/react/src/components/drawer/drawer-context.tsx
• packages/react/src/components/drawer/drawer-description.tsx
• packages/react/src/components/drawer/drawer-grabber-indicator.tsx
• packages/react/src/components/drawer/drawer-grabber.tsx
• packages/react/src/components/drawer/drawer-indent-background.tsx

Source

https://github.com/chakra-ui/ark

Categories

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

More from Ark UI

• Accordion
• Angle Slider
• Avatar
• Carousel
• Checkbox
• Client Only
• Clipboard
• Collapsible
• Collection
• Color Picker
• Combobox
• Date Input