Avatar
A high-quality, unstyled React avatar component that is easy to customize.
An easily stylable avatar component.
LTLT
Anatomy
Import the component and assemble its parts:
import { Avatar } from '@base-ui/react/avatar';
<Avatar.Root>
<Avatar.Image src="" />
<Avatar.Fallback>LT</Avatar.Fallback>
</Avatar.Root>;API reference
Image
| Name | Type | Default | Description |
|---|---|---|---|
onLoadingStatusChangeOptional | ((status: ImageLoadingStatus) => void) | undefined | — | Callback fired when the loading status changes. |
Fallback
| Name | Type | Default | Description |
|---|---|---|---|
delayOptional | number | undefined | — | How long to wait before showing the fallback. Specified in milliseconds. |