Banner de cookies

Aviso fixo no rodapé com o link da política de cookies, Aceitar todos e Personalizar. Personalizar abre o painel de preferências com uma chave por categoria; a categoria necessária fica sempre ativa.

Exemplo: BannerDeCookies, Default

const Default = () => <BannerDeCookies policyHref="#politica-de-cookies" />;

O que adaptar

Prop	O que é
policyHref	Endereço da política de cookies.
categories	Categorias do painel (id, label, description, required). Padrão: Necessários, Desempenho, Funcionais e Marketing.
onSave	Recebe o consentimento ({ desempenho: true, marketing: false, … }).
message	Texto do aviso.

O bloco não grava cookies nem carrega scripts: guarde a escolha (por exemplo, em localStorage) e só ative as ferramentas de cada categoria depois do consentimento.

Preferências

Exemplo: BannerDeCookies, Preferencias

const Preferencias = () => <BannerDeCookies policyHref="#politica-de-cookies" />;