@apollion-ds/react NPM

Apollion

Estes são os componentes da implementação do Apollion Design System para versão React, a solução completa de UI da Captalys. Você pode encontrar a documentação completa neste link.

Tecnologias

Iniciando

Instalação

Esta instalação conta com tratamentos exclusivos para react para optimizar o desenvolvimento.

$ npm install --save @apollion-ds/react
# ou
$ yarn add @apollion-ds/react

após a instalação dos icones é necessário importa-lo na raiz do seu app raiz ex:

// ~/app.tsx|jsx|js
import '@apollion-ds/icons';

Instalação de nossos ícones

Esta biblioteca fornece nossos icones que são utilizados nos componentes.

$ npm install --save @apollion-ds/icons
# ou
$ yarn add @apollion-ds/icons

após a instalação dos icones é necessário importa-lo na raiz do seu app raiz ex:

// ~/app.tsx|jsx|js
import '@apollion-ds/icons';

Utilização

Para que os componentes funcionem corretamente é necessário fazer a instalação dos global-tokens.css:

/* default */ <link href="/node_modules/@apollion-ds/web-components/tokens.css" rel="stylesheet" />

Por padrão oferecemos um arquivo com a configuração de todos os nossos tokens, mas você pode configurar o seu próprio, mas lembre-se de que as chaves são imutaveis, somente os valores podem ser alterados.