js-cookie-consent

JS Cookie Consent is a JavaScript library for showing cookie consent notice on your webiste.

From version 1.3.0 you will have to manually include css stylings like in the provided description.

How to use it:

You can get the library via npm

npm install js-cookie-consent

import cookieConsent from 'js-cookie-consent'
import 'js-cookie-consent/dist/css/styles.css'

cookieConsent({
  cookieName: 'cookiesGDPR',
  message: 'We use 🍪 to provide you with the...',
  options: [
    {
      title: 'Essential cookies',
      description: 'These cookies are strictly necessary to provide you...',
      key: 'essential',
      disabled: true,
      checked: true
    },
    {
      title: 'Marketing personalisation / retargeting cookies',
      description: 'These cookies and pixels are used to make advertising...',
      key: 'marketing',
      disabled: false,
      checked: false
    },
    {
      title: 'Marketing analytics cookies',
      description: 'These cookies collect information that is...',
      key: 'analytics',
      disabled: false,
      checked: false
    }
  ],
  learnMore: 'https://www.cookie.com/gdpr',
  expiration: 7,
  color: '#6666ff'
});

Params

key	value	type	requred
cookieName	name of the cookie that is going to be saved	string	true
message	main message that is going to be displayed in the cookie	string	true
options	array of toggle checkboxes and text	array	true
options[title]	headline of the toggle box	string	true
options[description]	description of the toggle box	string	true
options[key]	key value that will be stored in cookieName array	string	true
options[disabled]	is toggle disabled and cannot be clicked	bool	true
options[checked]	is toggle checked by default	bool	true
learnMore	link to your cookie info page	string	optional
expiration	number of days to save the cookie	number	true
color	color of the buttons and toggle checkboxes	string (text, hex,rgb,rgba)	optional