How i use it

[mockingbird001]

import { ImageSequence } from '@jam3/react-ui';

[grez96]

Example usage can be found in the storybook file.

import { ImageSequence } from '@jam3/react-ui';

const props = {
  className: 'test',
  imageUrls: Array(140)
    .fill()
    .map((item, index) => {
      return `https://www.apple.com/105/media/us/airpods-pro/2019/1299e2f5_9206_4470_b28e_08307a42f19b/anim/sequence/large/05-flip-for-nc/${index
        .toString()
        .padStart(4, '0')}.jpg`;
    }),
  tooltips: [
    {
      percentPostionX: 83,
      percentPositionY: 33,
      percentVisibleStart: 0,
      percentVisibleEnd: 5,
      content: 'I am tooltip one!'
    },
    {
      percentPostionX: 65,
      percentPositionY: 35,
      percentVisibleStart: 30,
      percentVisibleEnd: 60,
      content: 'I am tooltip two!'
    },
    {
      percentPostionX: 45,
      percentPositionY: 45,
      percentVisibleStart: 60,
      percentVisibleEnd: 85,
      content: 'I am tooltip three!'
    }
  ],
  percentDrawOffsetX: 50,
  percentDrawOffsetY: 50
};

<ImageSequence {...props} />));