Image Wrapper

Alpha

Responsive wrapper to render auto-playing product demo gifs.

Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.

Use an Img Wrapper as a general purpose image wrapper to constrain images in a responsive container.

Import

import {ImgWrapper} from '@fuegokit/react'

<ImgWrapper raised rounded={`xl`}>
  <img src="http://placekitten.com/g/1200/800/" alt="a kitten" />
</ImgWrapper>

<ImgWrapper raised rounded={`xl`}>
  <img src="http://placekitten.com/g/1200/800/" alt="a kitten" />
</ImgWrapper>