Avatar

Initials or image identity marker.

Avatar is for compact identity only. Keep names and presence text in the surrounding row or card composition.

AKRLC

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

AKRLC

Default

Initial avatar sizes.

RLC

Image

Image-backed avatar surface.

Props

Name	Type	Default	Description
`initials`	`string`	`C`	Initials shown when no image is provided.
`src`	`string`	-	Optional image URL.
`alt`	`string`	`''`	Accessible image text when src is present.
`size`	`'small' \| 'medium' \| 'large'`	`medium`	Avatar diameter.