kapable

Avatar

Data display · 3 exports · v0.1.0 · showcase

Person or entity identity rendered as an image or deterministic initials.

Browse 72 component families

Preview

ALGHKJ

Usage

<Avatar name="Ada Lovelace" />

Avatar props
prop	type	notes
name	string	Person/entity name — the accessible label, and the initials source.
src?	string	Image URL. Omit to render initials (no JS-off error fallback — pass src only when it exists).
size?	'sm' \| 'md' \| 'lg'	'sm' 24px · 'md' 32px (default) · 'lg' 40px.
mix?	MixInput