Slider

[25]

({value}) => setValue(value)

console.log

import * as React from "react";
import { Slider } from "spaceweb/slider";

export default () => {
  const [value, setValue] = React.useState([25]);
  return (
    <Slider
      value={value}
      onChange={({ value }) => setValue(value)}
      onFinalChange={console.log}
    />
  );
}

Examples

Intent colors of Slider component can be changed by providing custom values to primaryIntentColor and secondaryIntentColor props

API

Slider props

You can check the implementation of the component for more details.

Slider exports

You can import this module like so:

import {Slider} from 'spaceweb/slider'

It exports the following components or utility functions:

• Slider
• StatefulSlider
• StatefulSliderContainer