CookieConsent

Installation

npm install @sk-web-gui/react

Användning

import { CookieConsent } from '@sk-web-gui/react';

API

Prop	Typ	Standard
`isOpen`	`boolean`	`–`
`onConsent`	`(cookies: ConsentCookie[]) => void`	`–`
`cookies`	`ConsentCookie[]`	`–`
`title`	`string`	`–`
`body`	`React.ReactNode`	`–`
`resetConsentOnInit`	`boolean`	`–`
`options`	`CookieSetOptions`	`–`
`basePath`	`string`	`–`

Standardargs (från Meta.args)

{
  "title": "Kakor på example.sundsvall.se",
  "body": {
    "__raw": "(\r\n      <>\r\n        <p>\r\n          Vi använder kakor, cookies, för att ge dig en förbättrad upplevelse, sammanställa statistik och för att viss\r\n          nödvändig funktionalitet ska fungera på webbplatsen.\r\n        </p>\r\n        <p>\r\n          <Link href=\"/kakor\">Läs mer om hur vi använder kakor</Link>\r\n        </p>\r\n      </>\r\n    )"
  },
  "cookies": [
    {
      "optional": false,
      "displayName": "Nödvändiga kakor",
      "description": "Dessa kakor är nödvändiga för att webbplatsen ska fungera och kan inte stängas av i våra system.",
      "cookieName": "necessary"
    },
    {
      "optional": true,
      "displayName": "Funktionella kakor",
      "description": " Dessa kakor ger förbättrade funktioner på webbplatsen.",
      "cookieName": "func"
    },
    {
      "optional": true,
      "displayName": "Kakor för statistik",
      "description": "Dessa kakor tillåter oss att räkna besök och trafikkällor, så att vi kan mäta och förbättra prestanda på vår webbplats.",
      "cookieName": "stats"
    }
  ]
}

Storyvarianter

Template – standardstory

Källa

Implementation: @sk-web-gui/cookie-consent
Storybook: CookieConsent