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', ... | - |