/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 vote387 views1 answer
Dynamic for loop react
Javascript React
0 vote411 views1 answer
React paypal express checkout
Javascript React
5 votes372 views1 answer
How to host react app on heroku
Javascript React
0 vote385 views2 answers
React foreach loop
Javascript React
13 votes441 views2 answers
Download react devtools for chrome
Javascript React
0 vote420 views1 answer
How to get css property of div after rendering in react js
Javascript React
5 votes405 views1 answer
Redirect in netlify react
Javascript React
0 vote313 views1 answer
React-particles-js not working
Javascript React
0 vote383 views1 answer
React state as object
Javascript React
0 vote399 views1 answer
Axios network error react native
Javascript React