/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

-2 votes431 views1 answer
Setting up a React Environment
Javascript React
85 votes404 views3 answers
React random number
Javascript React
1 vote361 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote402 views1 answer
React native generate app hash without play console
Javascript React
0 vote389 views1 answer
Why to escape from quotation mark in react
Javascript React
0 vote386 views1 answer
Text input underline react native
Javascript React
0 vote423 views1 answer
Reactstrap search bar
Javascript React
-1 vote410 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote400 views1 answer
Truncate function react
Javascript React
11 votes346 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React