Demo

You should see the banner at the bottom of your screen, and can use the reset button below anytime.

The code

import { createCookiesBanner } from "cookies-eu-banner";

const consentCookieName = "demoConsent";
const cookiesBanner = createCookiesBanner({
	consentCookieName,
	onAccept: () => {
		console.log("Run analytics script!");
	},

	// Manage the transition before removing the banner
	delayBeforeRemove: 500,
});


// Custom controls
document.querySelector("#custom-accept").addEventListener("click", () => {
	cookiesBanner.setConsent(true);
});
document.querySelector("#custom-reject").addEventListener("click", () => {
	cookiesBanner.setConsent(false);
});
document.querySelector("#custom-reset").addEventListener("click", async () => {
	cookiesBanner.deleteCookie(consentCookieName);
	await cookiesBanner.removeBanner(0);
	cookiesBanner.showBanner();
});