@base-ui-components/react/avatar/root/AvatarRoot.d.ts

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

import * as React from 'react';
import { BaseUIComponentProps } from "../../utils/types.js";
/**
 * Displays a user's profile picture, initials, or fallback icon.
 * Renders a `<span>` element.
 *
 * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
 */
export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLSpanElement>>;
export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
export interface AvatarRootState {
  imageLoadingStatus: ImageLoadingStatus;
}
export interface AvatarRootProps extends BaseUIComponentProps<'span', AvatarRoot.State> {}
export declare namespace AvatarRoot {
  type State = AvatarRootState;
  type Props = AvatarRootProps;
}