Avatar
The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

Installation

In the terminal, run the following command to begin:
npx hq-kit add avatar

Basic

Avatar Initials

Use the initials prop to display the initials of the user.

Fallback

If the image fails to load and no initials, the icon will be displayed

Shape

Size

Avatar Group

You can use the AvatarGroup component to display a group of avatars.

SidebarCarousel