Cookie2
The Cookie2 component displays a customizable cookie consent message with a heading, content, and two buttons, styled within a responsive card.
All available props for the Cookie2 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the cookie section.
Component path: src/blocks/cookie/Cookie2.tsx
Component usage path: src/app/blocks/cookie/cookie2/page.tsx
Preview link: https://www.saasable.io/blocks/cookie/cookie2
Props Details
heading
string
Main title of the cookie notification card.
"We use cookies to improve your experience"
primaryBtn
ButtonProps
Properties for the primary button, typically used for the main action like accepting cookies.
{ variant: 'outlined', color: 'primary', onClick: () => console.log('Primary button clicked'), children: 'Accept' }
secondaryBtn
ButtonProps
Properties for the secondary button, often used for additional actions like learning more.
{ variant: 'contained', color: 'secondary', onClick: () => console.log('Secondary button clicked'), children: 'Learn More' }
cookie
{ caption: string; link?: LinkProps; }
Contains caption text and an optional link for more details about cookies.
{ caption: "This website uses cookies to enhance user experience.", link: { href: "/privacy-policy", children: "Learn more" } }
Last updated