Ruixen Pro is now live.50+ premium components, templates, blocks, and lifetime updates.

Command Palette

Search for a command to run...

Docs
Banner Cookie

Banner Cookie

A frosted-glass cookie consent card with rise entrance and shrink-drop dismiss.

Installation

Usage

import BannerCookie from "@/components/ruixen/banner-cookie";
 
export default function MyPage() {
  return (
    <div className="fixed bottom-4 left-4 z-50">
      <BannerCookie
        onAccept={() => console.log("accepted")}
        onDecline={() => console.log("declined")}
      />
    </div>
  );
}

Props

PropTypeDefaultDescription
descriptionstring"This site uses cookies to improve your experience."The consent message
onAccept() => void-Callback fired after accept animation
onDecline() => void-Callback fired after decline animation
classNamestring-Additional CSS classes