/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 vote315 views1 answer
React navigation history clear
Javascript React
0 vote379 views1 answer
Npm auth0-react
Javascript React
2 votes330 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote333 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
7 votes344 views4 answers
React history push search params
Javascript React
5 votes314 views2 answers
React native components
Javascript React
-2 votes357 views1 answer
React native generate signed apk getting older version
Javascript React
2 votes412 views2 answers
Set delay react native
Javascript React
1 vote345 views1 answer
React material ui input max length
Javascript React
1 vote318 views2 answers
React state not updating immediately
Javascript React