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