/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

29 votes138 views6 answers
If react
Javascript React
1 vote133 views1 answer
How to change the tab text in React
Javascript React
0 vote152 views1 answer
Reset reactive state vue 3
Javascript React
2 votes132 views1 answer
React native open email client expo
Javascript React
2 votes156 views2 answers
React not recognizing lorem
Javascript React
0 vote149 views1 answer
Navigation scroll react
Javascript React
10 votes155 views3 answers
Jquery react npm
Javascript React
0 vote132 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
4 votes163 views1 answer
How to use font awewsome in react app
Javascript React
5 votes174 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React