react-blaze-slider

react-blaze-slider

A lightweight hook to integrate blaze-slider with react

Installation

npm i blaze-slider react-blaze-slider

Usage

import { useBlazeSlider } from 'react-blaze-slider'
import 'blaze-slider/dist/blaze.css'

function Example() {
  const ref = useBlazeSlider({
    all: {
      slidesToShow: 3,
    },
  })

  return (
    <div className="App">
      <div className="blaze-slider" ref={ref}>
        <div className="blaze-container">
          <div className="blaze-track-container">
            <div className="blaze-track">
              <div> 1 </div>
              <div> 2 </div>
              <div> 3 </div>
              <div> 4 </div>
              <div> 5 </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

Example

Checkout this sandbox to see the live demo

Blaze Slider Documentation

check out the Website blaze-slider.dev for Documentation about the blaze-slider core library.

The documentation is divided into several sections:

• Getting Start
• Installation
• Tutorial
• API Reference

License

MIT