Siirry sisältöön
Aloita

<ConsentBanner />-propsit

Kaikki propsit ovat valinnaisia – oletusarvot ovat englanniksi, joten ylikirjoita ne kaikki, jos haluat kääntää bannerin.

Propsi Oletus Kuvaus
title "We value your privacy" Bannerin otsikko. Välitä "", jos haluat jättää sen pois.
message "We use cookies to enhance your experience. You can accept or decline them." Bannerin leipäteksti.
acceptLabel "Accept" (tai "Accept all" kun categories on käytössä) Hyväksy-painikkeen teksti.
declineLabel "Decline" (tai "Decline all" kun categories on käytössä) Hylkää-painikkeen teksti.
saveLabel "Save preferences" Tallenna-painikkeen teksti, näkyy vain kun categories on asetettu.
privacyHref (ei mitään) Jos asetettu, näyttää linkin tietosuojaselosteeseesi.
privacyLabel "privacy policy" privacyHref-linkin teksti.
showReopenButton true Näyttää pienen pysyvän painikkeen, jolla valintaa voi muuttaa.
reopenLabel "Cookie settings" Uudelleenavauspainikkeen teksti.
reopenAriaLabel "Change cookie preferences" Uudelleenavauspainikkeen aria-label.
categories (ei mitään) { id, label, description?, default? }[] – ottaa käyttöön kategoriakohtaisen suostumuksen.
expiryDays 365 Päivät, joiden ajan tallennettu valinta on voimassa ennen kuin banneri näytetään uudelleen.

Jokaisen categories-merkinnän muoto:

interface ConsentCategory {
/** Storage key for this category — must be stable across deploys. */
id: string;
/** Toggle label. */
label: string;
/** Optional helper text shown under the label. */
description?: string;
/** Pre-checks this category. Leave false for genuine opt-in consent. */
default?: boolean;
}

Täydellinen esimerkki löytyy sivulta Kategoriakohtainen suostumus.