Avatar
Examples
Loading examples…
API
From COMPONENTS.md.
Circular initials avatar.
import { Avatar } from 'achery-ui'
<Avatar initials="FW" />
<Avatar initials="FW" size="lg" tone="moss" />
| Prop | Type | Default | Notes |
|---|---|---|---|
initials |
string |
— | Up to 2 chars, uppercased automatically |
size |
'sm' | 'md' | 'lg' |
'md' |
24 / 32 / 40 px |
tone |
'moss' | 'neutral' |
'neutral' |
neutral = bg2 fill; moss = green fill |
className |
string |
— |