Components

Avatar

Avatars are how we visually represent our users.

Sergio Castaneda
SC
Sergio Castaneda
import { Avatar } from '@sproutsocial/racine'

Properties

System props

System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.

NameTypeDefaultDescriptionRequired?
appearance"circle""leaf""circle"
Circles are used for social profile avatars, leaf is for internal Sprout user avatars
namestring
The name of the user that the avatar represents
srcstring
URL of the avatar image. If a URL is not provided, the component will fall back to showing the user's initials
sizestring"40px"