Skip to content
satin

Avatar

Shows a person or workspace with initials on a tone colour.

MKMKMKMKMKMK

API Reference

The Avatar component is a wrapper around the span element that renders initials on a tone background.

PropTypeDefault
initials
string
—
tone
"neutral""brand""sky""green""amber""red""fuchsia""plum"
"neutral"
size
162024324048
32
shape
"circle""rounded"
"circle"