O módulo Icon possui dois componentes: Icon e RoundIcon. Ambos facilitam a criação de ícones com
imagens padrões já disponíveis em nossa SDK. Além das imagens, também é possível customizar o estilo
do ícone e utilizar uma imagem própria.
<Icon ...props/>
| Propriedades | Descrição | Tipo | Padrão |
|---|---|---|---|
| color | Pinta o ícone de acordo com a cor |
string (hex) |
#353E4B |
| size | Tamanho do ícone (normal, large, giant) |
string |
normal |
| symbol | Nome do ícone | string |
6px |
| level | Pinta o ícone de acordo com o level (apenas wifi) |
int (0..3) |
undefined |
<RoundIcon ...props/>
| Propriedades | Descrição | Tipo | Padrão |
|---|---|---|---|
| bgColor | Cor de fundo do círculo |
string (hex) |
#00A868 |
| borderRadius | Permite editar o border-radius do componente |
string (%) |
50% |
| color | Cor do ícone |
string (hex) |
#ffffff |
| size | Tamanho do ícone (normal, large, giant) |
string |
normal |