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 @sbf/fairplay-core

// or

npm install @sbf/fairplay-core

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.

import { ThemeProvider, Button } from '@sbf/fairplay-core';

const App = () => {
  return (
    <ThemeProvider theme="centauro">
      <Button>Comprar</Button>
    </ThemeProvider>
  );
};

Documentação

Veja mais detalhes aqui