scary-cookie-consent | Vaadin

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

[ This description is mirrored from at on 2019-05-22 ]


Build Status Published on

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;


Link to this version
ImportedReleased 06 May 2017Apache License 2.0
Framework Support
Polymer 1.0+
Also supported:
Polymer 2 (2.0.0)
Browser Compatibility
Install with
Release notes - Version 1.0.4



  • PolymerElements/iron-flex-layout#^1.0.0
  • PolymerElements/iron-iconset-svg#^1.0.0
  • PolymerElements/paper-icon-button#^1.0.0
  • Scarygami/scary-cookie#^1.0.0