/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

2 votes196 views4 answers
React-hook-form-input npm
Javascript React
3 votes232 views2 answers
Discord.js react to message
Javascript React
1 vote232 views5 answers
React state
Javascript React
14 votes188 views3 answers
Cannot resolve react-router-dom
Javascript React
0 vote192 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
8 votes208 views1 answer
React-fragment
Javascript React
0 vote201 views1 answer
React file preview
Javascript React
3 votes211 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
0 vote198 views1 answer
How react work
Javascript React
0 vote197 views1 answer
Show modal by using id in list react
Javascript React