loggi-components

Welcome to loggi-icons 👋

• Sobre a biblioteca
• Instalação
  • Uso
  • Atributos
  • Pre-requisitos

Sobre a biblioteca

Biblioteca de Icons da Loggi (React e React-Native), os nomes dos icones são os mesmos do Design System, ela tambem conta com alguns atributos, como: Size e Color, sendo assim estilizado da forma mínima exigida pelo DS.

Instalação

Para usar você deve ter acesso ao Github da Loggi e adicionar como dependência com Yarn.

yarn add @loggi/loggi-icons

Uso

Tanto para React quanto para React-Native o compoente é importado igualmente, não é necessário passar os atributos de cor e tamanho, pois ele pegará do pai.

import { Icon } from "loggi-icons";

<Icon name="ActionCheck"/>

Atributos

Color: string

Size: small | medium | large

Exemplos:

<Icon name="ActionCheck" size="large" color="#0055FF" />

Pre-requisitos

• react-native-svg (para native)

Adicionando novos icones

Passo a passo