@invisionag/iris-react-image-container

```js import ImageContainer from '@invisionag/iris-react-image-container'; ```

Stats

StarsIssuesVersionUpdatedCreatedSize
@invisionag/iris-react-image-container
2.6.23 months ago3 years agoMinified + gzip package size for @invisionag/iris-react-image-container in KB

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>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.