/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

1 vote221 views2 answers
Hide react source
Javascript React
0 vote273 views1 answer
Nice react native shadow
Javascript React
0 vote221 views1 answer
React bootstrap profile card
Javascript React
1 vote194 views1 answer
React scroll to bottom of div
Javascript React
0 vote190 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
0 vote235 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote174 views1 answer
Async wait for axios reactjs
Javascript React
25 votes185 views3 answers
Setting a background Image With React Inline Styles
Javascript React
15 votes169 views2 answers
React native location
Javascript React
1 vote188 views1 answer
Get children react
Javascript React