Nestable Processes Mutate

    react-very-simple-slider
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.0 • Public • Published

    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:

    Install

    npm i react-very-simple-slider

    DownloadsWeekly Downloads

    15

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    31 kB

    Total Files

    15

    Last publish

    Collaborators

    • arielalvesdutra