Hoppa till innehåll
Kom igång

<ConsentBanner />-props

Alla props är valfria – standardvärdena är på engelska, skriv över allt för att översätta bannern.

Prop Standard Beskrivning
title "We value your privacy" Bannerns rubrik. Skicka "" för att utelämna den.
message "We use cookies to enhance your experience. You can accept or decline them." Bannerns brödtext.
acceptLabel "Accept" (eller "Accept all" med categories) Text på Godkänn-knappen.
declineLabel "Decline" (eller "Decline all" med categories) Text på Avböj-knappen.
saveLabel "Save preferences" Text på Spara-knappen, visas bara när categories är satt.
privacyHref (ingen) Om den är satt visas en länk till din integritetspolicy.
privacyLabel "privacy policy" Länktext för privacyHref.
showReopenButton true Visar en liten permanent knapp för att ändra valet igen.
reopenLabel "Cookie settings" Text på knappen för att öppna igen.
reopenAriaLabel "Change cookie preferences" aria-label för knappen för att öppna igen.
categories (ingen) { id, label, description?, default? }[] – aktiverar samtycke per kategori.
expiryDays 365 Antal dagar ett sparat val gäller innan bannern visas igen.

Formen på varje post i categories:

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;
}

Se Samtycke per kategori för ett fullständigt exempel.