cookie-consent-box

cookie-consent-box

This is a simple package that lets you add good-looking cookie box to your website within few seconds without any setup required. If you would like to see how it works and looks, make sure to check out the demo.

Usage

Webpack

You can install the package via package manager of your choice:

$ yarn add cookie-consent-box
$ npm install cookie-consent-box

Import it as normal ES6 module:

import CookieBox from 'cookie-consent-box';

new CookieBox({ options }).init();

and include in your SCSS file:

@import "~cookie-consent-box/dist/cookie-consent-box";

CDN

Or include it via jsDelivr CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookie-consent-box@2.0.4/dist/cookie-consent-box.min.css"></script>
<script defer src="https://cdn.jsdelivr.net/npm/cookie-consent-box@2.0.4/dist/cookie-consent-box.min.js"></script>

Additionaly, you can configure the plugin using CookieBoxConfig object declared in your dom. Just make sure that you declared it before you load js file.

Example:

<script>CookieBoxConfig = { backgroundColor: '#ec008c', url: '/privacy-policy' }</script>

Available Options

Option	Type	Default	Description
backgroundColor	string	#007bff	Color used for background
textColor	string	#fff	Color used for text
language	string	en	ISO 639 code. Supported languages: en, pl
url	string	#	Custom URL that points to your Privacy Policy page
containerWidth	int	1140	Width of your page container
cookieKey	string	cookie-box	Cookie name that is used to save users acceptance

Changelog

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

License

The MIT License (MIT). Please see License File for more information.

Credits

• Adrian Dmitroca
• All Contributors

Changelog

2.0.4

• fixed icon overlapping issue on mobile