# Drawer

> A panel that slides in from the edge of the screen with swipe gestures, snap points, and nested drawer support. Supports bottom, top, left, and right positions with default, inset, and straight variants.

- Author: [coss](https://21st.dev/@coss.com)
- Library: [coss](https://21st.dev/@coss.com/library/coss)
- License: mit
- Tags: Sheet, Drawer, Navigation, Modal
- npm dependencies: lucide-react, @base-ui/react, class-variance-authority
- Live preview: https://21st.dev/@coss.com/components/drawer

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/coss.com/drawer?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/sheet.md