Skeleton avatar

Use skeleton avatar to replace avatars while content is in a loading state.

Usage

Skeleton avatars may be used to improve perceived performance by rendering a rough representation of an avatar in a block of content that is still loading.

Options

Skeleton avatars support the same variants as the avatar component.

Acccessibility

Refer to the loading pattern accessibility guidelines. Specifically, the secion about avoiding over-announcing loading states.

Known accessibility issues (GitHub staff only)

View open accessibility issues related to this component