/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 vote202 views1 answer
Get call log in react native with filter android
Javascript React
-2 votes204 views1 answer
React native search bar
Javascript React
0 vote122 views2 answers
React refresh page not found
Javascript React
0 vote164 views1 answer
A react component can only return]
Javascript React
0 vote178 views1 answer
React native hide stack navigator title
Javascript React
0 vote182 views1 answer
Make image circle css react
Javascript React
0 vote272 views1 answer
React steam auth
Javascript React
2 votes180 views1 answer
React state object key value
Javascript React
3 votes226 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
1 vote172 views2 answers
Npm youtube-react
Javascript React