Slider

Live Editor

function SliderDemo() {
  return (
    <ThemeProvider>
      <Slider
        range
        valueStart={20}
        valueEnd={80}
        marks={[0, 25, 50, 75, 100]}
        format="range"
        variant="soft"
        tone="success"
      />
    </ThemeProvider>
  );
}

Result

Loading...

Supported Props

value, valueStart, valueEnd, min, max, step, range, disabled, headless, orientation, size, variant, tone, showValue, format, label, description, marks, name, nameStart, nameEnd, onInput, onChange, onValueChange