/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

3 votes99 views2 answers
React native width auto
Javascript React
0 vote127 views1 answer
Private router react v6
Javascript React
0 vote91 views1 answer
React-native how to get size of screen
Javascript React
0 vote106 views1 answer
Reactnaviataion change title
Javascript React
31 votes102 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote115 views1 answer
React native notifications error
Javascript React
5 votes99 views2 answers
Lazy loading react
Javascript React
0 vote137 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote127 views1 answer
React router dom v6 active link
Javascript React
4 votes102 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React