Rei-cookiebanner-module NPM

Cookie Banner Módulo

Banner responsável por informar ao usuário sobre a utilização dos cookies e tecnologias semelhantes para melhorar a experiência em nossas aplicações.

Pré-requisitos

Antes de mais nada, verifique se você possui os requisitos para rodar o projeto.

- Node >= 10.16.3
- NPM >= 6.9.0

Instalação

Com yarn:

yarn add @telecineplay/tc-cookiebanner-module

Com npm:

npm i @telecineplay/tc-cookiebanner-module

Como usar?

import React from 'react';
import CookieBanner from '@telecineplay/tc-cookiebanner-module';

const MyPage = () => (
    <MyTheme>
        <CookieBanner />
    </MyTheme>
);

export default MyPage;

Opções de customização

Nome da Props	Tipo	Padrão	Descrição
customClass	String		Classe opcional.
text	String / HTML	Usamos cookies e tecnologias...	Texto principal do banner.
icon.customClass	String		Classe opcional.
icon.image	String	Ícone de Cookies	Imagem de apoio ao texto principal.
button.customClass	String		Classe opcional.
button.text	String	Ok, entendi	Texto do botão.
button.context	String	cookiebanner-cta-button-accepted	data-context para tagueamento.

Exemplo de todos as Props suportadas

import React from 'react';
import CookieBanner from '@telecineplay/tc-cookiebanner-module';
import customImage from '../../static/image/custom-icon.svg';

const MyPage = () => (
    <MyTheme>
        <CookieBanner
            customClass="banner-custom-style"
            text="Outro texto principal..."
            icon={{
                image: customImage,
                customClass: 'banner-icon-custom',
            }}
            button={{
                customClass: 'banner-button-custom',
                context: 'btn-custom-taggin',
                text: 'Eu aceito',
            }}
        />
    </MyTheme>
);

export default MyPage;