Avatar

Utilize o Avatar para representar visualmente um utilizador ou uma entidade através de uma imagem, ícone ou iniciais. Este componente é essencial para criar uma identificação rápida e intuitiva, especialmente em interfaces sociais ou de perfil.

Características Principais

Identificação Rápida

Facilita o reconhecimento imediato de utilizadores ou entidades.

Personalização

Suporta várias formas de representação, incluindo imagens, ícones ou iniciais.

Versatilidade

Pode ser utilizado em diversos contextos, como listas de contactos, cabeçalhos de perfis ou notificações.

Exemplo de Utilização

• Perfis de utilizador
• Comentários e mensagens
• Listas de participantes

Incorpore o Avatar sempre que precisar de uma representação visual clara e personalizada de um utilizador ou entidade, melhorando a usabilidade e a interação na sua interface.

Avatar

                                                
<div class="graAvatarWithFoto">
    <img class="graAvatarFoto" src="/img/avatar/person.jpg" alt="Person">
</div>
                                                
                                            

                                                
<div class="graAvatarWithoutFoto">
    <i class="icon-user graAvatarLogo"></i>
</div>
                                                
                                            

                                                
<div class="graAvatarWithText">GA</div>
                                                
                                            

                                                
<div class="graAvatarWithText">15</div>