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

scary-cookie-consent - Vaadin Add-on Directory

A Polymer element to make it easier for you to display those annoying cookie messages scary-cookie-consent - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Scarygami/scary-cookie-consent](https://github.com//Scarygami/scary-cookie-consent/blob/2.0.0/README.md) on 2019-05-22 ]** # scary-cookie-consent [![Build Status](https://travis-ci.org/Scarygami/scary-cookie-consent.svg?branch=master)](https://travis-ci.org/Scarygami/scary-cookie-consent) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Scarygami/scary-cookie-consent) 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; } ```
Online