Components
Loading preview...
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.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/privacy-policy-modalimport PrivacyPolicyModal from "@/components/ui/privacy-policy-modal";
export default function DemoOne() {
return (
<div>
<PrivacyPolicyModal />
</div>
);
}