Saltar al contenido

Componentes

Avatares

Fotos y fallback ilustrado estable para personas.

Prueba sin guardar cambios

Cargando ejemplo…

Cuándo usar

Usa UserAvatar con importación default para cada persona. El componente conserva su fotografía y genera un fallback ilustrado cuando falta.

Propiedades y variantes

PropiedadContrato
nameNombre accesible de la persona.
srcURL de fotografía opcional; no generar otro fallback.
seedID estable de la persona; evita usar valores aleatorios.
customSizeTamaño heredado de RizzUI, por ejemplo 40.

Estados y accesibilidad

Distingue una persona sin foto de una vacante sin asignar, que debe conservar su icono específico.

Evitar

No uses Avatar directamente ni iniciales como reemplazo global. No muestres fotografías reales de usuarios en documentación pública.

Código fuente

  • apps/platform/src/shared/components/user-avatar.tsx