Skip to content

UiAvatar ​

Avatar de usuario con imagen, iniciales o icono fallback.

Props ​

PropTipoDefaultDescripcion
srcstring—URL de la imagen
namestring—Nombre del usuario (para iniciales)
size'sm'|'md'|'lg'|'xl''md'Tamano
loading'eager'|'lazy''lazy'Estrategia de carga

Comportamiento ​

Prioridad: imagen src → iniciales del name → icono generico.

vue
<UiAvatar :src="user.avatar_url" :name="user.name" size="sm" />

Documentación de Kaleo — plataforma SaaS multi-tenant