Image

Display image content.

Basic

Skeleton

Image will show skeleton animation after width and height props are set.

Browser

Add a browser style wrapper to the image.

Browser Invert

Compose

Show Image in Display component.

APIs

Image.Props

AttributeDescriptionTypeAccepted valuesDefault
srcimage srcstring--
disableSkeletondisable skeleton animation when loadingboolean-false
disableAutoResizedisable zooming when width is too smallboolean-false
maxDelay(ms)max duration of animationnumber-3000
widthwidthnumber--
heightheightnumber--
scalescale valuestring-100%
...native propsImgHTMLAttributes'alt', 'className', ...-

Image.Browser.Props

AttributeDescriptionTypeAccepted valuesDefault
titleshow text title (when "url" is unset)string--
urlshow url on browser address inputstring--
showFullLinkshow full urlboolean-false
invertinvert colorsboolean-false
anchorPropsprops of element aAnchorHTMLAttributes-{}
...native propsHTMLAttributes'id', 'className', ...-