Pular para o conteúdo principal

Avatar

Base​

Tamanho​

Existem tamanhos diferentes para o Avatar. Consulte a API do componente para mais detalhes.

Imagem​

É possível adicionar imagem ao Avatar, usando a propriedade src. Se a imagem for removida, deve ser exibida uma abreviação do texto aplicado na propriedade alt.

Formato​

O componente tem dois formatos diferentes, com aplicações específicas:

  • Arredondado: Esse é o formato padrão do componente e deve ser usado quando o Avatar identificar uma pessoa
  • Retangular: Para aplicar o formato retangular você precisa adicionar a propriedade isBrand. Este formato deve ser usado quando o Avatar identificar uma empresa

Cor de fundo​

É possível alterar a cor de fundo do avatar. O fundo é exibido quando não é adicionado uma imagem no componente. Para alterar esta cor, use a propriedade color.

Os valores permitidos estão disponibilizados através do atributo Avatar.colors. Clique sobre qualquer um dos avatares abaixo para copiar o código da cor para a área de trabalho.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.