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
| Name | Type | Default | Required | Description | Accepted values |
|---|---|---|---|---|---|
size | number | string | 30 | - | The size of the avatar. | - |
username | string | undefined | - | The username of the user. | - |
src | string | undefined | - | The URL or path of the avatar. | - |
text | string | undefined | - | The text of the avatar (if it's a placeholder) | - |
shape | string | undefined | - | The shape of the avatar. | 'square' | 'round' |