/Javascript/React/Image and video lightbox react

Image and video lightbox react

<ReactImageVideoLightbox
  data={[
    {
      url: "https://placekitten.com/450/300",
      type: "photo",
      altTag: "some image",
    },
    {
      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
      type: "video",
      title: "some video",
    },
    {
      url: "https://placekitten.com/550/500",
      type: "photo",
      altTag: "some other image",
    },
    {
      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
      type: "video",
      title: "some other video",
    },
  ]}
  startIndex={0}
  showResourceCount={true}
  onCloseCallback={this.callbackFunction}
  onNavigationCallback={(currentIndex) =>
    console.log(`Current index: ${currentIndex}`)
  }
/>

Source: npmjs.com

Similar codes

0 vote317 views1 answer
Use of parse in react
Javascript React
1 vote383 views1 answer
How to resize react icons
Javascript React
0 vote522 views1 answer
How to place text over image in react
Javascript React
1 vote317 views1 answer
React transition group
Javascript React
0 vote333 views1 answer
Uuid for react native
Javascript React
0 vote349 views1 answer
React document viewer
Javascript React
23 votes343 views5 answers
USE ICONS IN REACT
Javascript React
12 votes342 views3 answers
Get value of input react
Javascript React
1 vote324 views1 answer
Create functional component react
Javascript React
1 vote306 views4 answers
Passing data in route react
Javascript React