/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 vote151 views1 answer
Render a react component only after API response is received
Javascript React
0 vote159 views1 answer
React looping hooks to display in other hook
Javascript React
0 vote147 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
0 vote159 views1 answer
React redux open another page
Javascript React
0 vote146 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
24 votes106 views6 answers
React native navigation
Javascript React
0 vote186 views2 answers
React typed js
Javascript React
0 vote193 views1 answer
Get size of a View in React Native
Javascript React
0 vote139 views1 answer
Divide string in lines react native max width
Javascript React
0 vote147 views1 answer
Reading state react
Javascript React