Ir al contenido
Empezar

Props de <ConsentBanner />

Todos los props son opcionales: los valores por defecto están en inglés; sobrescríbelos todos para traducir el banner.

Prop Valor por defecto Descripción
title "We value your privacy" Título del banner. Pasa "" para omitirlo.
message "We use cookies to enhance your experience. You can accept or decline them." Texto del banner.
acceptLabel "Accept" (o "Accept all" con categories) Texto del botón de aceptar.
declineLabel "Decline" (o "Decline all" con categories) Texto del botón de rechazar.
saveLabel "Save preferences" Texto del botón de guardar; solo aparece si se define categories.
privacyHref (ninguno) Si se define, muestra un enlace a tu política de privacidad.
privacyLabel "privacy policy" Texto del enlace de privacyHref.
showReopenButton true Muestra un pequeño botón permanente para revisar la elección.
reopenLabel "Cookie settings" Texto del botón para volver a abrir.
reopenAriaLabel "Change cookie preferences" aria-label del botón para volver a abrir.
categories (ninguno) { id, label, description?, default? }[]: activa el consentimiento por categoría.
expiryDays 365 Días que una elección guardada sigue siendo válida antes de que reaparezca el banner.

La forma de cada entrada 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;
}

Consulta Consentimiento por categoría para ver un ejemplo completo.