@centauro/fairplaydeprecated

Biblioteca de componentes React que implementa a especificação do design system Fairplay.

Usage no npm install needed!

<script type="module">
  import centauroFairplay from 'https://cdn.skypack.dev/@centauro/fairplay';
</script>

README

Fairplay design system

Biblioteca de componentes React que implementa a especificação do design system Fairplay.

Instalando

Instale o pacote em seu projeto:

yarn add @centauro/fairplay

// or

npm install @centauro/fairplay

Uso

Para ser possível utilizar qualquer componente do Fairplay, é necessário encapsular o seu componente dentro do ThemeProvider. Sem isso, o componente não conseguirá acessar o tema, ocasionando um erro.

Você precisa também importar o FontLoader, caso contrário a fonte padrão do tema não será carregada.

Você precisa também importar o FontLoader, caso contrário a fonte padrão do tema não será carregada.

import { ThemeProvider, FontLoader, Button } from '@centauro/fairplay';

const App = () => {
  return (
    <ThemeProvider>
      <FontLoader />
      <Button>Comprar</Button>
    </ThemeProvider>
  );
}

Documentação

Veja mais detalhes aqui