{"repo":"r2hu1/shadcn-cookie-consent","free":true,"listed":false,"github":"https://github.com/r2hu1/shadcn-cookie-consent","clone":"git clone https://github.com/r2hu1/shadcn-cookie-consent.git","description":"Beautifully designed, customizable cookie consent for web built on top of shadcn-ui and tailwind-css!","language":"TypeScript","stars":291,"topics":["cookie-consent","nextjs","shadcn-ui","shadcnui","tailwindcss"],"license":null,"category":"ui-components","readme_excerpt":"Shadcn Cookie Consent (updated to shadcn@latest, next@latest, tailwindcss@latest) This repository contains a implementation of a cookie consent banner using Shadcn UI and TailwindCSS. This solution aims to provide a user-friendly way to comply with cookie consent regulations while maintaining a visually appealing design. Preview How To Use Using shadcn cli Manual - Create a component named CookieConsent.jsx - Make it a client component - Import the following components from shadcn, react and lucide-react - Add this code the component Variants there are three variants default , small , and mini Callbacks by default, these callbacks will be called when the user accepts or declines the cookie consent. - onAcceptCallback - onDeclineCallback example: Customizing - Add your own CSS - Add your own TailwindCSS config - Add your own shadcn theme do whatever you want. Contributing - Fork the repo - Add your feature - Fix any issues - Create a Pull Request Demo - Live demo","default_branch":null,"files":null,"tree":[],"storefront":"/r/r2hu1","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/r2hu1/shadcn-cookie-consent/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}