@invisionag/iris-react-image-container

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>