Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

Avatar

Componente circular o cuadrado para fotos de perfil o iniciales. Soporta 5 tamaños, 6 colores, indicador de presencia y fallback automático si la imagen falla.

TypeScript
import { NeuAvatarComponent } from '@neural-ui/core/avatar';

Tamaños

xs
sm
md
lg
xl

Colores

Estado de presencia

online
away
busy
offline

Formas

circle
square

Grupo (overlapping)

+8
TypeScript
import { NeuAvatarComponent } from '@neural-ui/core/avatar';

@Component({
  imports: [NeuAvatarComponent],
  template: `
    <!-- Iniciales / Initials -->
    <neu-avatar name="Pedro Moreno" color="blue" size="lg" />

    <!-- Con imagen / With image -->
    <neu-avatar src="/avatar.jpg" alt="Pedro" size="lg" status="online" />

    <!-- Cuadrado / Square -->
    <neu-avatar name="NeuralUI" shape="square" color="violet" />
  `
})
export class MyComponent {}