/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

13 votes367 views1 answer
React js vs jsx
Javascript React
0 vote355 views1 answer
Dropdown search field in react native
Javascript React
157 votes564 views6 answers
Create new react app
Javascript React
0 vote358 views1 answer
How to add debounce in react redux js
Javascript React
0 vote373 views3 answers
React native shaddow
Javascript React
0 vote347 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
4 votes376 views2 answers
Set selected option react
Javascript React
3 votes378 views3 answers
How to remove global react-native-cli package
Javascript React
3 votes293 views1 answer
React two way binding
Javascript React
0 vote354 views1 answer
React i18n with parameeter
Javascript React