@sbf/fairplay-nike

Componentes da Nike

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

Instalando

Instale o pacote em seu projeto:

yarn add @sbf/fairplay-nike

// or

npm install @sbf/fairplay-nike

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

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

Documentação

Veja mais detalhes aqui