Componente Avatar para Angular | ng-hub-ui-avatar

Componente avatar para Angular con iniciales, imágenes fallback, badges de presencia y variables CSS para interfaces reutilizables de identidad de usuario.

Visión General

Por qué los equipos buscan esta librería

Elige este componente avatar para Angular cuando necesites una interfaz robusta de identidad de usuario con fallbacks, iniciales, múltiples proveedores de imagen y ganchos de estilo pensados para design systems.

Instalación

npm install ng-hub-ui-avatar

Ir a

Ideal para

  • menús de usuario
  • listas de equipo
  • feeds de actividad
  • tarjetas de perfil

Sobre avatar

ng-hub-ui-avatar ayuda a las aplicaciones Angular a mostrar usuarios de forma consistente en menús, tarjetas de perfil e interfaces colaborativas. Cubre los casos habituales como imágenes rotas, generación de iniciales, indicadores de estado y reglas compartidas de tamaño.

Guías de uso

Todavía no hay guías de uso documentadas para esta librería.

Características clave

Sistema de fallback fiable

Alterna entre fuentes de imagen, iniciales y placeholders sin dejar estados rotos de avatar en producción.

Badges de presencia y estado

Muestra estados online, ocupado u offline en interfaces de chat, administración y gestión de equipos.

Útil en interfaces agrupadas

Construye grupos de avatar, pilas de usuarios y patrones compactos de identidad con espaciado y tamaño consistentes.

Cambios recientes

Version 19.0.3 - 9/15/24, 12:00 AM

added: Comprehensive documentation page with functional examples