BoM Daily / design

components

Avatar

A circular user image built on Radix Avatar, with a graceful fallback to initials or an icon when no image resolves. Three sizes for different densities.

Sizes

sm
md
lg

Fallbacks

Initials or an icon when there is no image.

initials
icon
image

Props

PropTypeDefaultDescription
srcstringnoneImage URL. Falls back if it fails to load.
altstring""Alt text for the image.
fallbackReactNodenoneRequired. Initials or an icon shown when no image resolves.
size"sm" | "md" | "lg"md32, 40, or 56px.