Avatar

Variantcircle

Size

Image URL

Custom size avatar

Use size prop to set custom size of avatar in pixels.

10px

20px

30px

40px

50px

60px

100px

Avatar component props.

Prop	Default	Description
`variant`	`circle`	`circle \| rounded \| square` The shape of the avatar.
`src`	—	`string \| null` The source of the avatar image.
`alt`	—	`string` The alt text of the avatar.
`badge`	`null`	`object` The badge of the avatar.

Last updated on June 13, 2025