/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

105 votes158 views1 answer
Install and run react js project...
Javascript React
0 vote129 views1 answer
React native getting old navigation parameter
Javascript React
0 vote112 views1 answer
Zeamster examples react node
Javascript React
1 vote127 views5 answers
React state
Javascript React
136 votes240 views6 answers
Create a react app
Javascript React
0 vote119 views1 answer
Why is this undefined in react
Javascript React
1 vote113 views1 answer
Conditional style react native
Javascript React
11 votes135 views3 answers
Create react tailwind app
Javascript React
0 vote120 views1 answer
Image background full width react
Javascript React
0 vote114 views1 answer
React router dom default params
Javascript React