Fullscreen
A toggle that puts the viewer itself in fullscreen.
Where the Fullscreen API is available, the toolbar shows a toggle that puts the dialog in fullscreen. Try it from the toolbar:
Live demo. Click a thumbnail to open it.
- Its accessible name switches between
labels.enterFullscreenandlabels.exitFullscreen, and the icon betweenicons.enterFullscreenandicons.exitFullscreen. - It follows changes made outside the lightbox, such as the browser's own Escape.
- Closing the viewer leaves fullscreen.
- Where the API is missing, for example on iPhone, the button is not rendered. The viewer already covers the window there.
<Lightbox fullscreen={false} {...props} />fullscreen={false} hides the button everywhere.