/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 vote260 views2 answers
React material ui
Javascript React
0 vote244 views1 answer
Window.location.search get parameters react
Javascript React
4 votes280 views1 answer
React how to remove commas from a string
Javascript React
1 vote265 views1 answer
React native object is empty
Javascript React
48 votes235 views1 answer
Emmet not working in react nextjs
Javascript React
-1 vote276 views1 answer
Install proptypes react
Javascript React
3 votes198 views1 answer
React two way binding
Javascript React
8 votes259 views2 answers
React fragment
Javascript React
5 votes233 views5 answers
Onclick react
Javascript React
1 vote283 views3 answers
Npm update react
Javascript React