https://github.com/mikeludemann/react-glide-slider

A slider with React and Glide.js Framework
https://github.com/mikeludemann/react-glide-slider

css3 glide html5 javascript react

Last synced: about 1 month ago
JSON representation

A slider with React and Glide.js Framework

• Host: GitHub
• URL: https://github.com/mikeludemann/react-glide-slider
• Owner: mikeludemann
• License: mit
• Created: 2019-08-22T11:05:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T07:52:37.000Z (about 2 years ago)
• Last Synced: 2023-03-02T20:36:57.350Z (almost 2 years ago)
• Topics: css3, glide, html5, javascript, react
• Language: JavaScript
• Size: 6.2 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-Glide-Slider

A component with React and Glide.js Framework

## Prerequisite

### Global

* node

* npm

* yarn

### Install dependencies (node_modules)

(sudo) npm install

## Example

```JS

import { GlideSlider, Controls, SliderContainer, SliderElement, Dots } from './components/glide';

Constructor:

this.state = {

  id: "slider",

  options: {

    type: 'slider',

    width: 400,

    autoheight: true,

    startAt: 0,

    autoplay: 2500,

    breakpoints: {

      576: {

        perView: 1

      },

      768: {

        perView: 2

      },

      992: { 

        perView: 3

      },

      1200: { 

        perView: 3

      }

    }

  }

}

Render: 

  

    

      


        My name is ...

      

    

    

      


        1 - 1

      

    

    

      


        2 - 1

      

    

  

  

  


```