/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 vote228 views1 answer
How to console log in react native
Javascript React
3 votes227 views1 answer
React hooks send data from child to parent
Javascript React
0 vote215 views1 answer
React-native-ffmpeg gradel issue
Javascript React
0 vote201 views1 answer
Added font to react native
Javascript React
-1 vote218 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote213 views4 answers
Router react how to pass data to class component
Javascript React
1 vote208 views2 answers
React native get timezone
Javascript React
0 vote210 views1 answer
Add event listener react hooks
Javascript React
-1 vote204 views1 answer
Flatlist react native horizontal
Javascript React
86 votes224 views3 answers
React check if window exists
Javascript React