/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 vote124 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote136 views1 answer
React dynamic settings
Javascript React
0 vote136 views2 answers
How to hide api key in react
Javascript React
93 votes126 views6 answers
Install react router dom
Javascript React
1 vote145 views1 answer
React multiple event handlers]
Javascript React
1 vote121 views1 answer
React emoji picker
Javascript React
0 vote136 views1 answer
React js marked import and use
Javascript React
0 vote126 views1 answer
React clone element
Javascript React
0 vote123 views1 answer
React userefrence example
Javascript React
0 vote134 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React