User Image

Displays a user's avatar image or a fallback placeholder based on their handle.

Overview

Toggles
grayscale

All options

Source and grayscale

source \ grayscalefalsetrue
userHandle only
J
J
userHandle and userImgUrl
johndoe
johndoe

Accessibility

Alt text

When userImgUrl is set, the image uses userHandle as its alt text. Without an image, the avatar shows the first letter of userHandle as text.

Props

PropTypeRequiredDescription
userHandlestringYes—
userImgUrlstringNo—
grayscalebooleanNo—