Component

Avatar

Circular or square component for profile photos or initials. Supports 5 sizes, 6 colors, presence indicator and automatic fallback if the image fails.

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

Sizes

Colors

Presence status

online

away

busy

offline

Shapes

circle

square

Group (overlapping)

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 {}