/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 vote226 views1 answer
Reactjs add border to the table row
Javascript React
-1 vote217 views2 answers
How to validate date in react
Javascript React
1 vote418 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote214 views1 answer
React auto import sometime not working
Javascript React
4 votes220 views1 answer
Open a new tab when clicking on a link react
Javascript React
0 vote217 views1 answer
How to resolve cors in production react
Javascript React
0 vote195 views1 answer
Implementing state lifecycle in react class component
Javascript React
0 vote196 views1 answer
Metro server not running react native
Javascript React
15 votes244 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
-2 votes216 views1 answer
How to hide keyboard in react native
Javascript React