Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA fair consent dialog: Reject all and Accept all equally prominent, nothing optional pre-ticked, necessary categories locked on with the reason and no dismissal without a decision.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this on first visit for sites that need consent for analytics or marketing. Open it again from a footer link so people can change their mind.
Do not pre-tick optional categories, hide Reject behind a second step, or load the non-essential scripts before onSubmit says so.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | - | Show the dialog. |
categories | { id, label, description, required? }[] | - | Cookie categories. |
onSubmit | (choices: Record<string, boolean>) => void | - | Final choices; close the dialog afterwards. |
| Key | Action |
|---|---|
| Tab | through switches and buttons |
| Space | toggles a category |
| Escape | does nothing until a choice is made |
The pattern ships a Testing Library test (dialog-cookie-consent.test.tsx) that covers nothing pre-ticked, reject, accept, saving choices and blocked dismissal.