fast-circular-slider v1.0.5

FAST circular slider

Introduction

Circular slider with start and end handle designed for the FAST project.

Installation

You can install fast-circular-slider via Yarn or npm:

# If using Yarn:
yarn add fast-circular-slider

# If using npm:
npm install --save fast-circular-slider

The core component from fast-circular-slider is CircularSlider. This module can be required via ES imports or CommonJS require.

import CircularSlider from 'fast-circular-slider';

// using require
const CircularSlider = require('fast-circular-slider');

Usage

import React, { useState } from 'react'
import { render } from 'react-dom'
import CircularSlider from 'fast-circular-slider'

const [value, setValue] = useState<[number, number]>([320, 40])

const handleChange = (value : [number, number]) => {
  setValue(value)
}

render(
  <CircularSlider
      value={value}
      onChange={handleChange}
  />, document.getElementById('root'))

PROPS & METHODS

License

MIT