/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
Toggle boolean state react
Javascript React
6 votes211 views2 answers
React native disable the text input
Javascript React
22 votes227 views4 answers
Npm react copy to clipboard
Javascript React
1 vote216 views1 answer
React native cannot make request on localhost
Javascript React
0 vote218 views1 answer
Testing library react hooks
Javascript React
0 vote279 views1 answer
React native run on specific emulator
Javascript React
19 votes329 views6 answers
Convert svg to react component
Javascript React
1 vote348 views1 answer
Reactjs cdn file
Javascript React
1 vote242 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
8 votes225 views2 answers
React fragment
Javascript React