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/.