presentation-slides

React Slideshow Component. Helper for creating presentation like Powerpoint. Change the slides with keyboard keys.

Installation

npm install presentation-slides

Example

import React, { Component } from 'react';
import Slider from 'presentation-slides';

class Slideshow extends Component {
  render () {
    return (
      <Slider>
        <div><h3>1</h3></div>
        <div><h3>2</h3></div>
        <div><h3>3</h3></div>
      </Slider>
    );
  }
}

Props

| Property | Type | Description | Default | | ------------- | ------ | ---------------------- | ------------------- | | prefix | string | Prefix added to the slide div | 'slide-' | | prev_keys | array | Keyboard keys for showing previous slide | ['p', 'ArrowLeft'] | | next_keys | array | Keyboard keys for showing next slide | ['n', 'ArrowRight'] |