@invisionag/iris-react-image-container NPM

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>

@invisionag/injixo-tokens @invisionag/iris-settings @invisionag/iris-tools

@infinitebrahmanuniverse/nolb-_inv @everything-registry/sub-chunk-468 @invisionag/iris-react-animation @invisionag/iris-react-icon @zalastax/nolb-_inv

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago