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
| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
src | string | — | URL da imagem |
alt | string | — | Texto alternativo |
fallback | string | — | Iniciais 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-visiblepara indicação de foco