React Images, Texts or Videos

Getting Started

1. Install using npm:

npm install react-images-texts-videos --save

2. Example with images:

<Lightbox
  items={{
    type:'images',
    content: [
    { src: '../images/photo-1.jpg' },
    { src: '../images/photo-2.jpg' }
  ]}}
  isOpen={this.state.lightboxIsOpen}
  onClickPrev={this.gotoPrevLightboxImage}
  onClickNext={this.gotoNextLightboxImage}
  onClose={this.closeLightbox}
/>

3. Example with texts:

<Lightbox
  items={{
    type:'texts',
    content: [
    'Text1...',
    'Text2...'
  ]}}
  isOpen={this.state.lightboxIsOpen}
  onClickPrev={this.gotoPrevLightboxText}
  onClickNext={this.gotoNextLightboxText}
  onClose={this.closeLightbox}
/>

3. Example with videos:

<Lightbox
  items={{type:'videos', items: ['videoId1', 'videoId2']}}
  isOpen={this.state.lightboxIsOpen}
  onClickPrev={this.gotoPrevLightboxText}
  onClickNext={this.gotoNextLightboxText}
  onClose={this.closeLightbox}
/>