Skip to content

<Presentation>

Root container. Owns navigation state, runs plugins, wires controls.

import { Presentation } from '@react-slides/core'
<Presentation
controls={[keyboard()]}
plugins={[presenterMode()]}
onSlideChange={(e) => console.log(e)}
>
<Slide></Slide>
</Presentation>
NameTypeDefaultDescription
childrenReactNodeSlides (and any other content).
plugins?Plugin[]Plugins to install on mount.
controls?ControlAdapter[]Input adapters (keyboard, touch, hash, …).
onSlideChange?(e: NavigationEvent) => voidFired on every slide transition.
onStepChange?(e: NavigationEvent) => voidFired on every step transition.
startAt?{ slide: number; step?: number }Initial position. Defaults to 0/0.
slideStyle?CSSPropertiesDefault style applied to every slide wrapper.