/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

85 votes393 views6 answers
Redirect react js
Javascript React
0 vote361 views2 answers
React material ui
Javascript React
0 vote364 views1 answer
Reactjs npm take photo
Javascript React
8 votes360 views2 answers
React set title of page
Javascript React
0 vote417 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
15 votes338 views2 answers
React check if url address is valid
Javascript React
0 vote352 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote345 views1 answer
Setstate before function react
Javascript React
1 vote336 views1 answer
Npx: Create react chrome extension
Javascript React
1 vote339 views3 answers
Add react to existing project
Javascript React