Directory

← Back

scary-cookie-consent

A Polymer element to make it easier for you to display those annoying cookie messages

Author

Contributors

Rating

[ This description is mirrored from README.md at github.com/Scarygami/scary-cookie-consent on 2019-05-22 ]

scary-cookie-consent

Build Status Published on webcomponents.org

Element to make it easier for you to display those annoying cookie message you need to have when hosting a website in the EU.

You define your custom cookie message as content of the scary-cookie-consent element.

The message will contain a confirm and deny button. If you provide a policy link, an extra button will link to it.

You can position/size the cookie message via CSS:

scary-cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

You can style the look of the scary-cookie-consent toolbar using the --cookie-consent-toolbar CSS mixin or the --cookie-consent-background and --cookie-consent-color custom properties

scary-cookie-consent {
  --cookie-consent-toolbar: {
    color: white;
    background-color: black;
  };
}
scary-cookie-consent {
  --cookie-consent-color: white;
  --cookie-consent-background: black;
}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#1.9 - 2

  • PolymerElements/iron-flex-layout#1 - 2
  • PolymerElements/iron-iconset-svg#1 - 2
  • PolymerElements/paper-icon-button#1 - 2
  • Scarygami/scary-cookie#1 - 2
Released
2017-05-28
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.0.4
Browser
Browser Independent
Online