Slider

A Slider component is a UI element that allows users to select a value from a range by sliding a handle along a track. It provides an interactive way to adjust settings, such as volume, brightness, or other continuous values, with smooth transitions. Sliders can be single or multi-valued, enabling users to make precise selections visually, enhancing the overall user experience.

import { useState } from 'react';
import { NSlider } from '@nayan-ui/react';

const Slider = () => {
  const [value, setValue] = useState(50);

  return (
    <div>
      <NSlider label="Volume" value={value} onChange={setValue} />
    </div>
  );
};

export default Slider;