Avatar

The Avatar component displays a thumbnail image representing a user or entity. When no image source is provided, it shows a default avatar illustration.

JD

Props

Name	Default	Type
`size`	`m`	`s` `m` `l` `number` The size of the avatar. Can be a predefined size or custom number
`radius`	`pill`	`xs` `s` `m` `l` `pill` `number` The roundness of the avatar. The default is a circle
`url`	—	`string` URL of the avatar image to display
`fallback`	—	`string` Text to show when the image fails to load
`alt`	`avatar`	`string` Alt text for the avatar image

Slots

Name	Accepts	Description
`default`	`any`	Content to display inside the avatar (e.g. initials or text). Takes priority over `url` and `icon`
`icon`	`any`	Custom icon to show as the fallback when no `url` or `default` slot content is provided
`overlay`	`any`	Content rendered as an absolute overlay on top of the avatar (e.g. an `Indicator` or action button)