Gif 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.

Source Storybook Figma

Use a Gif Wrapper to render product demo gifs that help people see your product features in use.

Import

import {GifWrapper} from '@fuegokit/react'

Usage

<GifWrapper raised hasBorder>
  <img
    src="https://media.giphy.com/media/lRR9roShSfO0jxKQRj/giphy.gif"
    alt="A demonstration of a product feature in Jira shows a user dragging a card element from one column to another."
  />
</GifWrapper>

<GifWrapper raised hasBorder>
  <img
    src="https://media.giphy.com/media/lRR9roShSfO0jxKQRj/giphy.gif"
    alt="A demonstration of a product feature in Jira shows a user dragging a card element from one column to another."
  />
</GifWrapper>