Propriedades para customizar comportamento e aparência do banner (tipado via CookieBannerProps)
Banner de consentimento ou null se não deve ser exibido
O CookieBanner é o ponto de entrada principal para interação com o sistema de consentimento. Aparece automaticamente quando o usuário ainda não tomou decisão sobre cookies, oferecendo opções claras de aceitar, rejeitar ou personalizar preferências.
ConsentProvideruseConsentTexts() para i18nuseDesignTokens()Para controle total, use CookieBannerComponent no ConsentProvider:
function CustomBanner() {
const { acceptAll, rejectAll } = useConsent();
return <div>Meu banner customizado</div>;
}
<ConsentProvider CookieBannerComponent={CustomBanner}>
// ConsentProvider renderiza CookieBanner automaticamente
function App() {
return (
// ConsentProvider envolve a aplicação
// CookieBanner aparece quando necessário
);
}
// Configuração com propriedades customizadas
const bannerProps = {
policyLinkUrl: "/privacy",
blocking: false,
hideBranding: true
};
// ConsentProvider com cookieBannerProps
function App() {
const bannerConfig = {
policyLinkUrl: "https://example.com/cookies",
blocking: true,
PaperProps: { elevation: 8 },
SnackbarProps: { anchorOrigin: { vertical: 'top' as const } }
};
// Renderização manual com config avançada
return null; // CookieBanner com bannerConfig
}
Banner principal de consentimento LGPD que solicita decisão do usuário sobre cookies.