Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Cookie banner

JSX for this example
<React.Fragment />

Cookie banner configuration

CookieBanner components can use the following props:

className (optional)
A CSS class name to pass to the component.
title (optional)
The title for the banner, hidden from visual users but present for screen readers. Default is ‘Information’.

Cookie banner buttons and links should be placed in a CookieBanner.Buttons subcomponent.

Cookie confirmation banner

Use a NotificationBanner for the confirmation message, with an additional CSS class for the ‘success’ colourway.

JSX for this example
<React.Fragment />