nine3-cookie-consent
v0.1.7
Published
A simplified cookie consent bar for React applications. Forked from https://github.com/Mastermindzh/react-cookie-consent
Downloads
5
Maintainers
Readme
:cookie: nine3-cookie-consent
A small, simple and customizable cookie consent bar for use in React applications. Based on https://github.com/Mastermindzh/react-cookie-consent
Installation
npm install nine3-cookie-consent
Using it
You can import the cookie bar like this:
import CookieConsent from "nine3-cookie-consent";
If you want to set/remove cookies yourself you can optionally import Cookies
(straight from js-cookie) like this:
import CookieConsent, { Cookies } from "react-cookie-consent";
Then you can use the component anywhere in your React app like so:
<CookieConsent>
This website uses cookies to enhance the user experience.
</CookieConsent>
You can optionally set some props like this (next chapter will show all props):
<CookieConsent buttonText="Accept" expires={150}>
This website uses cookies to enhance the user experience.
</CookieConsent>
One of the props (onAccept) is a function, this function will be called after the user has clicked the accept button. You can provide a function like so:
<CookieConsent onAccept={() => {alert('cookie has been accepted')}}>
...
</CookieConsent>
Debugging it
Because the cookie consent bar will be hidden once accepted, you will have to add the prop debug
to evaluate styling changes:
<CookieConsent debug>
...
</CookieConsent>
Note: Dont forget to remove the debug
property for production.