Components

Cookie Consent

Use the cookie consent component to ask users for consent before storing cookies.

Overview

This component allows users to accept or deny cookies. The user can also find more information about how a site uses cookies to track user data.

Formatting

Anatomy

Accordion anatomy diagram
  1. Headline
  2. Body copy
  3. Call to action
  4. Close icon

Breakpoints

The cookie consent component is available in desktop, tablet, and phone breakpoints.

Use the same card type for all cards within a single card group

Placement

This component spans the full width on desktop, tablet, and phone. It's sticky on the bottom of the page.

Accordion anatomy diagram

Behavior

The cookie consent component will persist at the bottom of the page until an action is taken. It will remain as users navigate to other pages, until they interact with the component.