ConstEste componente fornece acesso rápido e sempre visível às preferências de consentimento, permitindo que usuários revisem e alterem suas escolhas a qualquer momento.
O botão é renderizado automaticamente pelo ConsentProvider após o consentimento inicial,
a menos que desabilitado via disableFloatingPreferencesButton={true}.
Você pode:
Para controle total, passe seu próprio componente:
function MyCustomButton() {
const { openPreferences } = useConsent()
return <button onClick={openPreferences}>Preferências</button>
}
<ConsentProvider
FloatingPreferencesButtonComponent={MyCustomButton}
>
<App />
</ConsentProvider>
// ConsentProvider já renderiza FloatingPreferencesButton automaticamente
<ConsentProvider categories={{ enabledCategories: ['analytics'] }}>
<App />
</ConsentProvider>
<ConsentProvider
categories={{ enabledCategories: ['analytics'] }}
floatingPreferencesButtonProps={{
position: 'bottom-left',
offset: 16,
hideWhenConsented: true
}}
>
<App />
</ConsentProvider>
import SettingsIcon from '@mui/icons-material/Settings'
function App() {
return (
<FloatingPreferencesButton
position="top-right"
icon={<SettingsIcon />}
tooltip="Configurações de Privacidade"
FabProps={{
size: 'large',
color: 'secondary'
}}
/>
)
}
<ConsentProvider
categories={{ enabledCategories: ['analytics'] }}
disableFloatingPreferencesButton={true}
>
<App />
</ConsentProvider>
Botão flutuante (FAB) para reabrir o modal de preferências de consentimento LGPD.