0.4.1 • Published 7 years ago

cookie_toaster v0.4.1

Weekly downloads
86
License
MIT
Repository
github
Last release
7 years ago

Makes tasty cookies for React.

installation

yarn add cookie_toaster

use

In your root component:

import {CookieToaster} from 'cookie_toaster'
...
<CookieToaster />
...

To modify the css you can use the following structure:

.cookie-toaster { // or cookie-toaster-modal, cookie-toaster-top
   // topmost div
  .cookie-container {
    // inner content

    h1{
      // title css
    }

    p{
      // text css
    }

    a{
      // link css
    }

    button {
      // button css
    }
  }
}

components

  • CookieToaster
  • CookieToasterTop
  • CookieToasterModal

props

  • title: String, title (duh)
  • text: String, content
  • btnAcceptText: String, button label
  • btnDeclineText: String, button label
  • accept: function, callback to handle accept
  • decline: function, callback to handle decline
  • popped: Boolean, set this property in your localstorage to track if cookie has been shown for the user
  • linkUrl: String, a url
  • linkText: String, the text to display for the link