Avatar
Represent a person with an image or readable initials.
Preview
Import
import { Avatar, AvatarGroup } from "@sigil-ui/components";Usage
<Avatar name="Kevin Liu" />Sub-components
This component includes the following parts:
<AvatarGroup>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Src configuration. |
alt | string | — | Alt configuration. |
name | string | — | Name configuration. |
fallback | string | — | Fallback configuration. |
size | keyof typeof sizeMap | "md" | Sets the component's size. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-surface | Surface |
--s-text-muted | Text muted |
--s-background | Background |
--s-surface-elevated | Surface elevated |