/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 vote237 views1 answer
Textalignvertical not working in ios react native
Javascript React
142 votes342 views3 answers
Install react app
Javascript React
2 votes212 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote209 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
0 vote242 views2 answers
Background transparent react native
Javascript React
0 vote252 views1 answer
Random word react npm package
Javascript React
0 vote238 views1 answer
Different ways to write react file paths
Javascript React
1 vote226 views1 answer
React native get current time
Javascript React
21 votes200 views4 answers
React memo
Javascript React
1 vote214 views5 answers
React datepicker
Javascript React