Skip to content
React PDF Viewer

Search

FullscreenMode reference

How fullscreen is presented: the browser Fullscreen API, a full-viewport overlay, or layout only while the parent presents it.

  • 'controlled': layout-only; the parent decides how to present fullscreen.
  • 'native': the browser Fullscreen API on the viewer root, falling back to 'overlay'.
  • 'overlay': a fixed, full-viewport layer with a focus trap; Esc closes it.

Used by

Import

import type { FullscreenMode } from '@kingtech/react-pdf-viewer';

Signature: type FullscreenMode = 'controlled' | 'native' | 'overlay'

Properties

NameTypeDefaultRequiredDescription
controlled'controlled'—NoLayout only: the parent decides how to present fullscreen.
native'native'—NoThe browser Fullscreen API on the viewer root, falling back to 'overlay'.
overlay'overlay'—NoA fixed, full-viewport layer with a focus trap and scroll lock; Esc closes it.

Source

packages/react-pdf-viewer/src/types.ts

Generated from content/react-pdf-viewer/reference/fullscreen-mode.schema.json. Do not edit by hand.