<ConsentManagerDefaultInterface />

ConsentManagerDefaultInterface is a React component that acts as a wrapper for your application, providing a default user interface for managing consent. It supports all properties passed to the core ConsentManager component.

Props

In addition to all the props supported by ConsentManager, ConsentManagerDefaultInterface also accepts:

Prop	Type	Description
messages	Messages	Custom messages for localization and text customization.
children	React.ReactNode	The application's components to be rendered within the manager.
config	ConsentManagerConfig	Configuration object for Consent Manager.
styles, animationStyles	Styles	Custom styling for the interface.
ToggleButton, ToggleIcon	React.FC<ToggleButtonProps>, React.FC<IconProps>	Components for toggle buttons and icons.
CloseIcon	React.FC<IconProps>	Component for the close icon.
Switch	React.FC<SwitchProps>	Component for the switch control.
Button	React.FC<ButtonProps>	Component for buttons.
Form	React.FC<ConsentFormProps>	Component for the consent form.
useDefaultButtonForIntroduction	boolean	Determines if the default button style is used for the introduction screen.
slideDuration	number	Duration of slide animations in milliseconds.
noActionDelay	number	Delay before any action is taken (e.g., showing the form) in milliseconds.

Example Usage

import { ConsentManagerDefaultInterface } from '@consent-manager/interface-default'

const App = () => (
  <ConsentManagerDefaultInterface config={myConfig} store={myStore}>
    {/* Rest of your application */}
  </ConsentManagerDefaultInterface>
)