/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 vote124 views1 answer
React.createElement pass props
Javascript React
0 vote133 views5 answers
How to use paystack with react
Javascript React
1 vote83 views1 answer
Circle progress react
Javascript React
0 vote131 views1 answer
React native regenerate android and ios folders
Javascript React
9 votes135 views2 answers
React native hide yellow box
Javascript React
0 vote161 views1 answer
React electron desktop app
Javascript React
114 votes162 views3 answers
React init
Javascript React
31 votes135 views1 answer
React router dom IndexRedirect
Javascript React
105 votes170 views1 answer
React web app create
Javascript React
0 vote142 views1 answer
React-native-restart
Javascript React