/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

3 votes299 views1 answer
React cloud foundry nginx 404
Javascript React
1 vote293 views2 answers
React-native array.filter by index arrow function
Javascript React
2 votes299 views2 answers
Vscode react extensions
Javascript React
0 vote301 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
1 vote300 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
125 votes402 views6 answers
Install React Bootstrap
Javascript React
0 vote322 views1 answer
Add clickable link to image in react native
Javascript React
0 vote319 views1 answer
Make custom draggable in react
Javascript React
0 vote371 views1 answer
Setstate to false after 10 sec react native
Javascript React
0 vote326 views1 answer
React native text area align top
Javascript React