<PresentationViewer>

Wraps <Presentation> with viewport-aware scaling. Fixed authoring resolution (default 1920×1080) scales to fill any screen.

When you use the react-slides CLI, it creates this wrapper for dev, build, preview, and export. Your slides.tsx should export slide content, not its own <PresentationViewer>.

import { PresentationViewer, keyboard } from '@react-slides/viewer'

<PresentationViewer
  controls={[keyboard()]}
  viewport={{ width: 1920, height: 1080 }}
>
  <Slide>…</Slide>
</PresentationViewer>

Inherits all <Presentation> props, plus:

Name	Type	Default	Description
viewport?	{ width: number; height: number }	{ width: 1920, height: 1080 }	Authoring resolution.
className?	string	—	Class on the outer container.
style?	CSSProperties	—	Style on the outer container.