Components

Image

Image is a wrapper for the native image tag with support for events and fallback images.

Always provide alt text for your users, unless the image is purely decorative, in which case the alt text should be an empty string ("") to hide it from screen readers.

The reception area of the Sprout Social office.
import { Image } 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.

COMMON
LAYOUT
Learn more
NameTypeDefaultDescriptionRequired?
qaObject
srcstring
Source of the image
altstring
Alt text for image - required for informational images, otherwise an empty string
titlestring""
Title of Image
onErrorsignature() => {}
Handle incorrect image url
onClicksignature() => {}
Handle click on image
defaultImagestring
A URL for a default image to load if the source image errors out
onLoadsignature() => {}
On image load callback.