@centauro/fairplay-tokensdeprecated

Design Tokens do Fairplay

Usage no npm install needed!

<script type="module">
  import centauroFairplayTokens from 'https://cdn.skypack.dev/@centauro/fairplay-tokens';
</script>

README

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 @centauro/fairplay-tokens

// or

npm install @centauro/fairplay-tokens

Uso

import tokens from '@centauro/fairplay-tokens';


export default () => <h1 style={{ fontSize: tokens.fontSizes.large }}>Fairplay</h1>;

Documentação

Todos os tokens disponíveis podem ser encontrados na documentação oficial https://fairplay-design-system.web.app/.