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
TestedReleased 28 May 2017Apache License 2.0
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (1.0.4)
Browser Compatibility
Install with
Release notes - Version 2.0.0


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