Live Demo

This page renders the real <ConsentBanner /> component from the package — not a screenshot or a recording. Toggle Analytics/Marketing, or use “Accept all”/“Decline all”, and watch the status below update.

The banner defaults to bottom-left, but this page overrides it to bottom-right (via :global(.cc-banner) with !important) so it doesn’t collide with Starlight’s own sidebar — see Theming & dark mode for the override pattern.

Waiting for consent…

Reset demo (clears the stored choice and reloads)