Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

React Lightbox Documentation

Learn how to use React version of Fullscreen Lightbox!

Types

If you are facing CORS error which blocks automatic content detection you can declare types manually passing strings to special props. Types names are:

Props

types - array with strings which declares types of specific sources
type - string which declares type for all sources

<FsLightbox
toggler={toggler}
sources={['first-source', 'second-source', 'third-source']}
type="image"
types={[null, null, 'video']}
/>

In above example we've set image type globally, but overwritten it with video for the third source. So finally types are: image, image, video

Get connected wth us on social networks!