# Centered Feedback Drawer

> This component is a content-rich drawer that opens from the side, designed to keep the focus on the main content by centering it inside the drawer rather than stretching across the entire width. The layout uses a clean and minimal card-style container, making it ideal for displaying structured information such as profiles, product previews, or quick details without overwhelming the user. Its centered presentation balances space and readability, giving a polished and professional look for modern applications.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/centered-feedback-drawer

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/centered-feedback-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