1.0.1 • Published 4 years ago

tc-cookiebanner-module v1.0.1

Weekly downloads
-
License
ISC
Repository
github
Last release
4 years ago

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 PropsTipoPadrãoDescrição
customClassStringClasse opcional.
textString / HTMLUsamos cookies e tecnologias...Texto principal do banner.
icon.customClassStringClasse opcional.
icon.imageStringÍcone de CookiesImagem de apoio ao texto principal.
button.customClassStringClasse opcional.
button.textStringOk, entendiTexto do botão.
button.contextStringcookiebanner-cta-button-accepteddata-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;

ESLint && StyleLint

npm run lint

Rotina de testes

npm run test

Build

npm run build