React Presentable

React Presentable is a lightweight zero-dependency module to create slideshows inside React. The slides can render whatever react code you like.

Use the arrow keys or left mouse button to navigate between slides.


Installation

``sh
npm install --save react-presentable
`

Usage

`js
import Presentation, { Slide } from 'react-presentable'

// ...

return (
style={{ width: '100vw', height: '100vh' }}
theme={{ backgroundColor: 'violet', textColor: '#fff' }}
>



Slide 1

Slide 2

)
`

Props

$3

- optional
- type: ReactNode

The slides in the presentation.

$3

- optional
- type: CSSProperties

Override styling of the presentation.

$3

- optional
- type: PresentationTheme

The theme of your presentation.
backgroundColor?: string
textColor?: string

$3

- optional
- type: boolean
- default: true

Display a animated progress bar or not.

$3

- optional
- type: boolean
- default: true

Display left and right arrows for changing slides.

$3

- optional
- type: CSSProperties`

The CSS class of the presentation element