CookieBannerDefaultHeader

CookieBannerDefaultHeader is a component used in the CookieBanner molecule.

Basic Usage


import { CookiePreferences, CookieBanner, CookieBannerDefaultHeader } from '@krakentech/coral-organisms';
 
<CookiePreferences>
    <CookieBanner
        header={
            <CookieBannerDefaultHeader
                primaryText="Some alternate primary text"
                secondaryText="Some alternate secondary text"
                recipeUrl="https://www.bbcgoodfood.com/recipes/chocolate-chunk-cookies"
            />
        }
        onAcceptEverything={() => console.log('Accepted all cookies')}
    />
    ...
</CookiePreferences>

Note: Setting recipeUrl will set a link on the cookie icon that appears by default, so you can point customers to a tasty cookie recipe.

Full API

Name	Type	Default
`primaryText`	`string`	`We use optional cookies to provide a great experience.`
`secondaryText`	`string`	`If you're happy with this, continue browsing.`
`policy`	`{ label: string; url: string; }`
`recipeUrl`	`string` Add a link to the cookie icon in the header	`''`