/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 vote250 views1 answer
Activez la compression de texte react js
Javascript React
1 vote201 views1 answer
Unexpected token react native stack navigation
Javascript React
0 vote222 views1 answer
Font family react
Javascript React
0 vote213 views1 answer
React native clear route params
Javascript React
0 vote292 views1 answer
Disable autocomplete in react fields
Javascript React
4 votes230 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
1 vote225 views2 answers
Flatlist onrefresh react native
Javascript React
7 votes207 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote263 views1 answer
React-native-image-viewing
Javascript React
0 vote257 views1 answer
React native map not loading
Javascript React