/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 vote346 views1 answer
React developer cvs
Javascript React
4 votes355 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote357 views1 answer
Reactjs clic copy
Javascript React
0 vote340 views1 answer
React native set variable key in loop
Javascript React
0 vote371 views1 answer
React navbar material ui
Javascript React
1 vote349 views1 answer
React js empty build
Javascript React
3 votes329 views1 answer
Remove header from certain pages react navigation
Javascript React
0 vote346 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
0 vote376 views1 answer
React native firebase
Javascript React
1 vote336 views1 answer
Tailwind css react craco package.json
Javascript React