Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt

Use this file to discover all available pages before exploring further.

Avatar

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

Import

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

Avatar.Root

Groups all parts of the avatar.

Props

Inherits common props (className, render, style).

State

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

Avatar.Image

The avatar image element.

Props

Avatar.Fallback

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

Props

Build docs developers (and LLMs) love