Slider

A range slider input for selecting numeric values.

tsx
import { Slider } from '@xdev-asia/x-ui-react';
tsx
const [value, setValue] = useState(50);

<Slider
  value={value}
  onChange={setValue}
  min={0}
  max={100}
  step={1}
/>

Props

  • value - Current value
  • onChange - Value change callback
  • min - Minimum value
  • max - Maximum value
  • step - Step increment