Aller au contenu
Commencer

Props de <ConsentBanner />

Toutes les props sont facultatives – les valeurs par défaut sont en anglais ; surchargez-les toutes pour traduire la bannière.

Prop Valeur par défaut Description
title "We value your privacy" Titre de la bannière. Passez "" pour l’omettre.
message "We use cookies to enhance your experience. You can accept or decline them." Texte de la bannière.
acceptLabel "Accept" (ou "Accept all" avec categories) Libellé du bouton Accepter.
declineLabel "Decline" (ou "Decline all" avec categories) Libellé du bouton Refuser.
saveLabel "Save preferences" Libellé du bouton Enregistrer, affiché uniquement si categories est défini.
privacyHref (aucun) Si défini, affiche un lien vers votre politique de confidentialité.
privacyLabel "privacy policy" Texte du lien privacyHref.
showReopenButton true Affiche un petit bouton permanent pour revenir sur le choix.
reopenLabel "Cookie settings" Libellé du bouton de réouverture.
reopenAriaLabel "Change cookie preferences" aria-label du bouton de réouverture.
categories (aucune) { id, label, description?, default? }[] – active le consentement par catégorie.
expiryDays 365 Nombre de jours pendant lesquels un choix reste valide avant que la bannière réapparaisse.

La forme de chaque entrée de 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;
}

Consultez Consentement par catégorie pour un exemple complet.