Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA cookie banner with Accept all, Reject non-essential and Customize choices, plus a preferences view with a switch per category.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
categories | ConsentCategory[] | - | Cookie categories. Put required ones first. |
onConsent | (choice: Record<string, boolean>) => void | - | Called with the choice when the visitor decides. |
storageKey | string | - | localStorage key. When set, the choice is saved there and the banner stays hidden once saved. |
open | boolean | - | Controlled visibility. Overrides the stored state. |
title | string | "We value your privacy" | Banner heading. |
description | React.ReactNode | - | Short explanation under the heading. |
policyHref | string | - | Adds a link to your cookie policy. |
placement | "bottom-left" | "bottom-right" | "bottom-center" | "bottom-left" | Where the fixed banner sits. |
Also accepts all <section> props.
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | - | Key used in the saved choice. |
label | string | - | Name shown in preferences. |
description | string | - | What the category is used for. |
required | boolean | - | Always on. Shown as locked in preferences. |
position: fixed by default. Pass className="absolute ..." to place it inside a container, as the preview does.