Documentation
Avatar

Avatar

Avatars represent a user or a team. Stacked avatars represent a group of people.

Usage

First of all, you need to import the Avatar component from the kitchn package.

import { Avatar } from "kitchn"

Default

Text

Group

Props

NameTypeDefaultRequiredDescriptionAccepted values
sizenumber | string30-The size of the avatar.-
usernamestringundefined-The username of the user.-
srcstringundefined-The URL or path of the avatar.-
textstringundefined-The text of the avatar (if it's a placeholder)-
shapestringundefined-The shape of the avatar.'square' | 'round'