Fairplay tokens
Design Tokens do Fairplay
O que são Design Tokens?
Os Design Tokens são as menores parte de um elemento visual, através deles que conseguimos manter um visual consistente e escalonável para o desenvolvimento de interfaces.
De forma geral a construção de qualquer componente deve seguir as diretrizes definidas pelos tokens. Esse pacote inclui, por exemplo, todos padrões de:
- Cores
- Tamanhos de fonte
- Espaçamentos
Instalação
yarn add @sbf/fairplay-tokens
// or
npm install @sbf/fairplay-tokens
Uso
import { centauro } from '@sbf/fairplay-tokens';
export default () => <h1 style={{ fontSize: centauro.fontSizes.large }}>Fairplay</h1>;
Documentação
Todos os tokens disponíveis podem ser encontrados na documentação oficial https://fairplay-design-system.web.app/.