/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 vote373 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote372 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote434 views1 answer
React js bootstrap select option required
Javascript React
50 votes343 views6 answers
Yarn create react app
Javascript React
13 votes403 views5 answers
React native setup
Javascript React
0 vote368 views1 answer
React import useCallBack
Javascript React
4 votes397 views2 answers
Axios react post form data
Javascript React
0 vote410 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
1 vote391 views3 answers
Sticky footer react
Javascript React
13 votes461 views2 answers
Download react devtools for chrome
Javascript React