@invisionag/iris-react-image-container
v2.6.2
Published
```js import ImageContainer from '@invisionag/iris-react-image-container'; ```
Downloads
132
Maintainers
Keywords
Readme
import ImageContainer from '@invisionag/iris-react-image-container';
A component that contains an image.
Usage:
Default
import ImageContainer from '@invisionag/iris-react-image-container';
<ImageContainer>
<svg /> // <- Some image
</ImageContainer>
scale (optional)
Sets the scale of the contained image. E.g. a scale of 2 will double it's size. The default size is set to settings.spacing.
import ImageContainer from '@invisionag/iris-react-image-container';
<ImageContainer scale={2}>
...
</ImageContainer>
color (optional)
Sets the color of the contained image. NOTE: this will NOT override colors set directly on the image.
import ImageContainer from '@invisionag/iris-react-image-container';
<ImageContainer color={'red'}>
...
</ImageContainer>
fillShape (optional)
Fills the inner shapes of the icon with white.
import ImageContainer from '@invisionag/iris-react-image-container';
<ImageContainer fillShape>
...
</ImageContainer>