Skip to main content Skip to filter input Primer

SkeletonAvatar

SkeletonAvatars are placeholders for loading Avatars. They support the same variants as the Avatar component.

Page navigation navigation

React

experimental

Storybook|Source|Usage

Figma

React examples

Default

<SkeletonAvatar />

<SkeletonAvatar />

Custom size

<SkeletonAvatar size={48} />

<SkeletonAvatar size={48} />

Square variant

<SkeletonAvatar square />

<SkeletonAvatar square />

Props

SkeletonAvatar

Name	Default	Description
size	`20`	`number \| { narrow?: number; regular?: number; wide?: number; }` The size of the avatar in pixels.
square	`false`	`boolean` If true, the avatar will be square instead of circular.
className		`string` Class name for custom styling.