/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

8 votes132 views3 answers
React latest version
Javascript React
0 vote139 views1 answer
React duration picker
Javascript React
0 vote125 views1 answer
Route guards in react
Javascript React
3 votes131 views1 answer
React arrays
Javascript React
1 vote129 views1 answer
React native run release
Javascript React
0 vote140 views1 answer
How to insalk react router with npm
Javascript React
0 vote130 views2 answers
Jest simulate toggle switch react native
Javascript React
2 votes128 views2 answers
Vscode extensions for better react js
Javascript React
105 votes160 views1 answer
Create react app scaffolding
Javascript React
0 vote138 views1 answer
How react work
Javascript React