New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

volto-cookie-banner

Package Overview
Dependencies
Maintainers
2
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

volto-cookie-banner

Volto cookie banner integration

  • 2.1.0
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
63
increased by43.18%
Maintainers
2
Weekly downloads
 
Created
Source

Volto cookie banner integration addon.

To be used with: collective.volto.cookieconsent

To be used with mrs-developer, see Volto docs for further usage informations.

Usage

If you're using Volto < 12, then use v1.0.2

Wherever you want to add the component, import and use it like this:

import CookieBanner from 'volto-cookie-banner/CookieBannerContainer';

const YourAppComponent = () => <CookieBanner />;

A suggested way is to use appExtras from settings object:

export const settings = {
  ...defaultSettings,
  appExtras: [
    ...defaultSettings.appExtras,
    {
      match: '',
      component: CookieBanner,
    },
  ],
};

Add a widget for the controlpanel

Without any other customization, in the controlpanel you'll find a text area which will accept a json object. This is the job for volto-multilingual-widget.

import MultilingualWidget from 'volto-multilingual-widget';

export const widgets = {
  ...defaultWidgets,
  id: {
    ...defaultWidgets.id,
    cookie_consent_configuration: MultilingualWidget(),
  },
};

Styling

If you want to change or adapt styles, you should start adapting volto-cookie-banner.css and react-cookie-consent styling docs.

Translations

This product has been translated into:

  • Italian
  • English

Please, contribute to this project adding translations for your language.

FAQs

Package last updated on 25 Oct 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc