/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 vote292 views1 answer
Loop number in react
Javascript React
0 vote314 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote306 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
0 vote303 views1 answer
Alert, react native alert
Javascript React
3 votes312 views1 answer
React create array
Javascript React
1 vote307 views1 answer
React-native-paper password input
Javascript React
3 votes286 views1 answer
React on hover reveal
Javascript React
0 vote312 views1 answer
How to get property names from object using map method react
Javascript React
0 vote311 views1 answer
Mat slider in a reactve form
Javascript React
0 vote304 views1 answer
How to add debounce in react redux js
Javascript React