Exibição

Avatar

Representação visual de um usuário ou entidade.

Uso

Use o elemento <y-avatar> no seu HTML:

html
<y-avatar fallback="YA" size="default"></y-avatar>

Exemplos

Com fallback

Com fallback

Tamanhos

Tamanhos

Propriedades

PropriedadeTipoPadrãoDescrição
srcstringURL da imagem
altstringTexto alternativo
fallbackstringIniciais quando sem imagem
size"sm" | "default" | "lg""default"Tamanho do avatar

Importação

Importe todos os componentes ou apenas este:

typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/avatar.js';

Acessibilidade

  • Suporta navegação por teclado
  • Utiliza atributos ARIA apropriados
  • focus-visible para indicação de foco