CookieSelectionDefaultHeader

CookieSelectionDefaultHeader is a component used in the CookieSelection and CookieGranularSelection molecules.

Basic Usage


import { CookiePreferences, CookieSelection, CookieSelectionDefaultHeader } from '@krakentech/coral-organisms';
 
<CookiePreferences initialDisplayMode="selection">
    <CookieSelection
        header={
            <CookieSelectionDefaultHeader
                selectionTitle="Custom selection title"
                essentialExplanationText="Some alternate explainer text"
                recipeUrl="https://www.bbcgoodfood.com/recipes/chocolate-chunk-cookies"
            />
        }
        onPreferencesChosen={(chosenCookies) => {
            console.log('chosenCookies', chosenCookies);
        }}
        cookies={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
`essentialExplanationText`	`string`
`selectionTitle`	`string`
`recipeUrl`	`string` Add a link to the cookie icon in the header	`''`