Skip to main content

Avatar

O componente Avatar representa graficamente um usuário em ambientes virtuais.

Quando usar?

  • Representar visualmente um usuário em ambiente virtual;
  • Lugares onde existe o upload de uma foto de usuário;
  • Contexto de imagem fixa, como um card de depoimento.

Como usar?

  • Ao lado de informações adicionais sobre o usuário e/ou empresa;
  • Podem ser exibidos em listas pesquisáveis e selecionáveis;
  • Embutidos para mencionar pessoas em uma frase;
  • Em sistemas para representar qual usuário está operando.

Anatomia

Alt text

Variações e tamanho

O avatar possuiu três variações: ícone, imagem ou letras.

Alt text

Informação

Quando é usado um ícone para representar o usuário, geralmente, usa-se um ícone que indique uma pessoa.

Duas variações de cores:

alt text

E três tamanhos:

Alt text