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>
);
}