Fullscreen Plugin
Fullscreen plugin adds support for fullscreen lightbox mode utilizing the browser's Fullscreen API. Please note that fullscreen mode is not supported in some modern browsers (i.e., Safari on iPhone) or within iframes. Fullscreen plugin detects the availability of fullscreen mode and doesn't display the fullscreen button in browsers that do not support fullscreen mode.
Documentation
The plugin adds the following Lightbox
properties.
Property | Type | Description |
---|---|---|
fullscreen | boolean | if true , enter fullscreen mode automatically when the lightbox opens |
render | { | Custom render functions:
|
Example
import Lightbox from "yet-another-react-lightbox";
import Fullscreen from "yet-another-react-lightbox/plugins/fullscreen";
import "yet-another-react-lightbox/styles.css";
// ...
<Lightbox
open={open}
close={() => setOpen(false)}
slides={slides}
plugins={[Fullscreen]}
/>