/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

18 votes277 views3 answers
Add object to array react hook
Javascript React
97 votes308 views8 answers
Create react app
Javascript React
4 votes326 views2 answers
Axios react post form data
Javascript React
0 vote330 views1 answer
React toastify does not have design
Javascript React
0 vote353 views1 answer
Table like another component in react native
Javascript React
0 vote385 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
11 votes324 views4 answers
React native flatlist
Javascript React
0 vote294 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote296 views1 answer
Strike react native
Javascript React
0 vote339 views1 answer
React native kesatore
Javascript React