/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 vote153 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
1 vote155 views1 answer
How to define state in react function
Javascript React
2 votes150 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote148 views1 answer
Set meterial icon color change onClick react
Javascript React
4 votes99 views1 answer
Get width of screen react
Javascript React
2 votes143 views1 answer
Redux React redux
Javascript React
0 vote140 views1 answer
React-file-base64
Javascript React
7 votes155 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
1 vote166 views1 answer
React spread operator
Javascript React
0 vote151 views1 answer
React Redux reducer combineReducers exemple
Javascript React