Avatar

Avatar circular con inicial y color determinístico basado en hash FNV-1a del nombre.

Avatar

Demo

A

B

C

D

E

<Avatar name="Alice" />
<Avatar name="Bob" size="lg" />
<Avatar name="Charlie" size="sm" />
<Avatar name="Diana" size="md" />
<Avatar name="Eve" size="lg" />

Props

name

Nombre para extraer la inicial y generar el color por hash.

<Avatar name="Alice" />
<Avatar name="Bob" />

size

Tamaño del avatar.

A

B

C

<Avatar name="A" size="sm" />
<Avatar name="B" size="md" />
<Avatar name="C" size="lg" />

API

Prop	Tipo	Default	Descripción
name	string	—	Nombre para extraer inicial y hash
size	'sm' | 'md' | 'lg'	'md'	Tamaño del avatar

Tokens usados

--font-mono, --color-*