Avatar

Displays a user’s profile picture, with a fallback for loading or error states.

Import

import * as Avatar from '@base-ui/react/avatar';

Groups all parts of the avatar.

Inherits common props (className, render, style).

status: ‘loading’ | ‘loaded’ | ‘error’ - The loading status of the avatar image

The avatar image element.

Content displayed while the image is loading or if it fails to load.