Components

Avatar

Displays a user's profile image with customizable size, border, and loading state.

Logo

Sizes

Use the size prop change the Avatar size

isLoading

With the isLoading prop you can display a Skeleton

Border

User the border prop add border to the componenet

API Reference

size

Type:

"sm" | "md" | "lg" | "xl"

Specifies the size of the avatar.

Default:

border

Type:

boolean

Determines whether the avatar has a border.

Default:

false
isLoading

Type:

boolean

Indicates whether the avatar is in a loading state.

Default:

false