Material style image with loading animation
npm install material-ui-imageImages are ugly until they're loaded. Materialize it with material image! It will fade in like the material image loading pattern suggests.
``sh`
npm install material-ui-image
Note: This is the version for Material-UI 1.0.0-rc.0 or later. If you are using Material-UI 1.0.0-beta, you should update to the latest version. If you are still using Material-UI 0.x, you can use our [legacy version][legacy].
Use this component just like a regular img tag.
`jsx
import Image from 'material-ui-image'
/>
`
|Name |Type |Default |Description
|-------------------|------------|------------------------------------------|--------------------------------
|animationDuration | number | 3000 | Duration of the fading animation, in milliseconds.float
|aspectRatio | | (1/1) | Specifies the aspect ratio of the image.bool
|cover | | false | Override the image's object fit to coverstring
|color | | white | Override the background color.bool
|disableError | | false | Disables the error icon if set to true.bool
|disableSpinner | | false | Disables the loading spinner if set to true.bool
|disableTransition | | false | Disables the transition if set to true.node
|errorIcon | | object
|iconContainerStyle | | | Override the inline-styles of the container that contains the loading spinner and the error icon.object
|imageStyle | | { width: 'inherit', height: 'inherit' } | Override the inline-styles of the image.node
|loading | | func
|onClick | | | Fired when the user clicks on the image happened.string
|src* | | | Specifies the URL of an image.object
|style | | | Override the inline-styles of the root element.
\* required property
All other props are passed through to the underlying img` element after the image is loaded.
The files included in this repository are licensed under the MIT license.
[legacy]: https://github.com/TeamWertarbyte/material-ui-image/tree/legacy