Display image content.
Image
will show skeleton animation after width
and height
props are set.
Add a browser style wrapper to the image.
Show Image
in Display
component.
Image.Props
Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
src | image src | string | - | - |
disableSkeleton | disable skeleton animation when loading | boolean | - | false |
disableAutoResize | disable zooming when width is too small | boolean | - | false |
maxDelay(ms) | max duration of animation | number | - | 3000 |
width | width | number | - | - |
height | height | number | - | - |
scale | scale value | string | - | 100% |
... | native props | ImgHTMLAttributes | 'alt', 'className', ... | - |
Image.Browser.Props
Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
title | show text title (when "url" is unset) | string | - | - |
url | show url on browser address input | string | - | - |
showFullLink | show full url | boolean | - | false |
invert | invert colors | boolean | - | false |
anchorProps | props of element a | AnchorHTMLAttributes | - | {} |
... | native props | HTMLAttributes | 'id', 'className', ... | - |