Esse componente também está disponível em nossa biblioteca agnóstica de Web Components. Acesse a página de Web Components >
Sobre Avatar
Item que representa um avatar circular de um perfil de usuário.
Use para:
- Imagem de usuários do sistema
- Imagem para indicar quem está falando em um fluxo de conversa (chat)
- Representar com símbolos ou letras um perfil (fallback)
Como usar
P
<div class="avatar">P</div>Por tamanho
P
P
P
P
<div class="avatar is-small">P</div>
<div class="avatar">P</div>
<div class="avatar is-medium">P</div>
<div class="avatar is-large">P</div></p>Mais exemplos
L
D
Z
S
D
<div class="avatar is-light">L</div>
<div class="avatar is-dark">D</div>
<div class="avatar is-primary">Z</div>
<div class="avatar is-success">S</div>
<div class="avatar is-danger">D</div>
<div class="avatar is-light has-image">
<img src="https://www.zenvia.com/hubfs/Favicon_Zenvia.png">
</div>