# Privacy Policy Modal

> This component is a Privacy Policy modal built using ShadCN UI and React. It displays a scrollable privacy policy that users must read before accepting. The content is dynamically rendered from a JavaScript array of sections, making it easy to update or extend. As users scroll, a progress bar visually indicates how much of the content has been read. The “Accept” button is disabled until the user has scrolled to the bottom, encouraging them to review the entire policy. The modal is fully responsive, with a clean layout separating the header, scrollable content, and footer buttons, and adapts to both light and dark modes.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/privacy-policy-modal

## Install

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