`<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>
)

Props​

Example Usage​

Props

Example Usage