@fremtind/jkl-cookie-consent-react

@fremtind/jkl-cookie-consent-react

Beskrivelse

Se portalen for bruk og prinsipper.

Kom i gang

Lær hvordan du kan ta i bruk Jøkul

Bruk av React-pakken

Installasjon

1. Installér pakken med yarn add @fremtind/jkl-cookie-consent-react eller npm i @fremtind/jkl-cookie-consent-react. Stil-pakken blir automatisk installert som en avhengighet.

2. Importer både React-pakken (velg komponenten(e) du trenger) og stil-pakken i prosjektet ditt:

import { CookieConsentProvider, CookieConsent, useCookieConsent } from "@fremtind/jkl-cookie-consent-react";
import "@fremtind/jkl-cookie-consent/cookie-consent.min.css";
import "@fremtind/jkl-button/button.min.css";
import "@fremtind/jkl-list/list.min.css";

Bruk

Komponentene tar følgende props:

CookieConsentProvider:

• marketing: Krav om cookies for markedsføring
• functional: Krav om funksjonelle cookies
• statistics: Krav om cookies for statistikk
• cookieAdapter: En funksjon som gjør oppslag mot cookies, for å lete etter andre cookies som kan bestemme et consent

CookieConsent:

• blocking: Betegner en blokkerende modal, som krever en aktiv handling
• onAccept: Callback når et consent er håndtert. Første argument er consentet.

Enkel bruk kan se slik ut:

<CookieConsentProvider functional marketing statistics>
    <Content />
    <CookieConsent blocking />
</CookieConsentProvider>