react-seekbar

UI component for selecting values by dragging a bar

Preview

installation

  npm install react-seekbar
  
  yarn add react-seekbar

Usage

docs and example usage can be found here

import { useState } from 'react';
import { Seekbar } from 'react-seekbar';

export default function YourComponent() {
  const [position, setPosition] = useState(0);

  const handleSeek = (position) => {
    setPosition(position);
  };

  return <Seekbar position={position} duration={100000} onSeek={handleSeek} />;
}