Drawer

Used to render a content that slides in from the side of the screen.

Library

Chakra UI

Framework

React

Type

component

License

MIT

Install

npm i @chakra-ui/react @emotion/react

Files

• packages/react/src/components/drawer/drawer.tsx
• packages/react/src/components/drawer/index.ts
• packages/react/src/components/drawer/namespace.ts
• apps/compositions/src/ui/drawer.tsx
• packages/react/src/index.ts
• apps/compositions/src/ui/close-button.tsx
• packages/react/src/collection.ts
• packages/react/src/components/index.ts

Source

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

Categories

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

More from Chakra UI

• Absolute Center
• Accordion
• Action Bar
• Alert
• Area Chart
• Aspect Ratio
• Avatar
• Badge
• Bar Chart
• Bar List
• Bar Segment
• Bleed