Icons

Este é um pacote de componentes de ícones SVG, desenvolvido com base no styleguide, para uso em aplicações React do Fulltrack.

Estrutura do projeto

o projeto é formado pela seguinte estrutura:

- /src: contém o código do projeto.
- /src/Icon: contém o componente principal do pacote.
- /dist: pasta onde o pacote o pacote é gerado.

Como Utilizar?

O componente Icon é um componente de ícones SVG feitos com React. Para utilizá-los, você deve chamar o componente . Ou seja, cada ícone é identificado por um nome específico.

$3

``typescript
// Importe o pacote
import { Icon } from '@ftdata/icons';

// Código...

`





Os nomes dos ícones são divididos em duas partes:

- Grupo Pai dos Ícones: Representado pela sigla antes do espaço. No exemplo "ui", representa o grupo de ícones "Interfaces".
- Nome do Ícone: A parte após o espaço identifica o ícone específico dentro do grupo. No exemplo, "settings".

Cada grupo tem sua própria sigla e seus próprios ícones, mas todos são representados por um único componente ().

$3

Além do nome, o componente aceita três propriedades adicionais:

- color: Define a cor do ícone.
- size: Define o tamanho do ícone, igualmente para altura e largura.
- weight: Define a espessura das linhas do ícone, alterando a propriedade "stroke-width" do SVG.

`typescript
// Ícone de configurações, rosa e de tamanho 32px.


// Ícone de bateria, vermelho e de tamanho 16px.


// Ícone de maleta, roxo e de tamanho 32px e com as linhas de 2.5.

``