react-slideshow-ui
v1.2.1TypeScript
React UI Component for slideshow like SlideShare or SpeakerDeck.
0/weekUpdated 3 years agoMITUnpacked: 29.9 KB
Published by Masashi Hirano
npm install react-slideshow-uiReact SlideShow UI
React UI Component for slideshow like SlideShare or SpeakerDeck.
Demo(Updated with every release)
Installation
``
npm install --save react-slideshow-ui
Usage
javascript
import React from 'react';
import {render} from 'react-dom';
import SlideShow from 'react-slideshow-ui';class App extends React.Component {
render() {
return (
images={[
'./img/example1.png',
'./img/example2.png',
'./img/example3.png',
]}
withTimestamp={true}
pageWillUpdate={(index, image) => {
console.log(Page Update! index: ${index}, image: ${image});
}}
/>
);
}
}render(
`Props
|name|type|reqired|description|
|----|----|-------|-----------|
|style|Object|Yes|style of this component. This object is immutable.|
|images|Array\|Yes|url strings of images for slide.|
|prevIcon|Dom|No|icon for button to move previous page.|
|nextIcon|Dom|No|icon for button to move next page.|
|withTimestamp|boolean|No|set true if you want to add timestamp to img url. i.e.
|
|pageWillUpdate|function|No|function that is invoked when the page is turned over.|
|showFullscreenIcon|boolean|No|is icon to toggle fullscreen shown? default:true|
|className|string|No|className of this component. default:slideshow`|Browser Support
Chrome@latest
Firefox@latest
Safari@latest
IE11
License
This project is licensed under the terms of the
MIT license