Avatar
Imagen de usuario circular con anillo neón, o reserva de iniciales en degradado cuando no se indica src.
Tamaños
NDNDNDND
sm 32px · md 40px (default) · lg 56px · xl 80px
Con imagen
Reserva de iniciales
AALGBMF
Las iniciales toman la primera letra de cada palabra, máximo 2 caracteres, en mayúsculas.
Uso
<Avatar name="Ada Lovelace" />
<Avatar name="Grace Hopper" size="lg" />
<Avatar src="https://i.pravatar.cc/150?u=nexo" alt="Nexo teammate" name="Fallback Name" />
<Avatar name="Maximiliano Fernández" size="xl" />Props
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
src | string | — | URL de la imagen. Si se omite, se renderiza la reserva de iniciales. |
alt | string | name | Texto alternativo de la imagen (ignorado al usar la reserva). |
name | string | — | Se usa para derivar las iniciales cuando no se proporciona imagen. |
size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Diámetro: 32px, 40px, 56px u 80px. |