React Very Simple Slider
This library can be used when you need a very, very, simple slider that is not limited to images.
Recommendations
One of the reasons that motivated me to create this library, was that I didn't found slider libraries that had responsiveness to the parent component (that was what I was looking for).
Please, don't try to use versions below 0.2.0
.
How to use
Install the library:
npm i -S react-very-simple-slider
Use the slider as in the example bellow:
import React, { CSSProperties } from 'react'
import { Slider } from 'react-very-simple-slider'
function App() {
const items = [ (<div>Javascript</div>), (<div>React.js</div>), (<div>Node.js</div>)]
const styles = {
app: {
color: 'black',
background: 'gold',
display: 'flex',
justifyContent: 'center',
fontFamily: 'Courier',
height: '100vh'
} as CSSProperties,
container: {
width: '700px',
display: 'flex',
flexDirection: 'column',
alignItems: 'center'
} as CSSProperties
}
return (
<div style={styles.app}>
<div style={styles.container}>
<h1>My Slider</h1>
<Slider items={items as []} itemsPerSlide={1} />
</div>
</div>
)
}
export default App
Result: