Componentes SBF

Biblioteca de componentes React que implementa a especificação do design system Fairplay para unidade de negócio SBF.

Instalando

Instale o pacote em seu projeto:

yarn add @sbf/fairplay-sbf

// or

npm install @sbf/fairplay-sbf

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 } from '@sbf/fairplay-sbf';
import { Button } from '@sbf/fairplay-core';

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

Documentação

Veja mais detalhes aqui