Skip to content

Select theme

Guide
Docs
- cli
- components
  - @react-slides/components
  - layouts
    
    <CenteredLayout>
    <SectionLayout>
    <SplitLayout>
    <StackLayout>
    <TitleLayout>
    <TwoColumnLayout>
  - overlays
    
    <ProgressBar>
    <SlideFooter>
    <SlideHeader>
- plugin-mermaid
  - @react-slides/plugin-mermaid
  - components
    
    <MermaidAdapter>
- plugin-motion
  - @react-slides/plugin-motion
  - components
    
    <MotionDiagramRegion>
    <MotionFragment>
  - Types
- plugin-shiki
  - @react-slides/plugin-shiki
  - hooks
    
    useShikiHighlighter()
  - Types
- themes
  - @react-slides/themes
  - Built-in themes
  - components
    
    <ThemeProvider>
  - hooks
    
    useTheme()
  - Types
- viewer
  - @react-slides/viewer
  - components
    
    <OverviewGrid>
    <PresentationViewer>
    <SlideFrame>
    <SpeakerView>
  - controls
    
    hashRouter()
    keyboard()
    remoteControl()
    touch()
  - hooks
    
    useFullscreen()
    useViewport()
  - plugins
    
    autoplay()
    presenterMode()
Examples

Select theme

On this page

Overview

On this page

Overview

usePresentation()

Read and control presentation navigation from any descendant.

const {
  slideIndex, totalSlides, mode,
  next, prev, goTo, setMode,
} = usePresentation()