/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 vote233 views1 answer
React bootstrap navbar align right buttons
Javascript React
-1 vote227 views1 answer
Import ReactDOM from "react-dom";
Javascript React
0 vote248 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote199 views1 answer
React native bootstrap
Javascript React
0 vote251 views1 answer
Escaping less than great than signs in react
Javascript React
0 vote245 views1 answer
How to print an array inside another array in react
Javascript React
1 vote221 views1 answer
Adding parameters to url react router
Javascript React
5 votes234 views1 answer
How to create a component in react native
Javascript React
0 vote230 views1 answer
Navigate to another page onPress button react native
Javascript React
20 votes230 views6 answers
Build apk react native
Javascript React