Avatar
A Avatar component from the Sigil design system.
Import
import { Avatar, AvatarGroup } from "@sigil-ui/components";Preview
Usage
<Avatar>...</Avatar>Sub-components
This component includes the following parts:
<AvatarGroup>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | — |
alt | string | — | — |
name | string | — | — |
fallback | string | — | — |
size | keyof typeof sizeMap | md | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-surface | Surface |
--s-text-muted | Text muted |
--s-background | Background |
--s-surface-elevated | Surface elevated |