RangeSlider

The RangeSlider displays a range of values along a bar, allowing users to select a number value visually.

Importation

Import the component from pol-ui to use the RangeSlider element:

import { RangeSlider } from "pol-ui";

Default RangeSlider

import { RangeSlider } from "pol-ui";
 
export const RangeSliderComponent = (): JSX.Element => {
  return <RangeSlider />;
};

Props

Theme

To learn more about how to customize the appearance of components, please see the Theme docs.

interface RangeSliderTheme {
  root: { base: string };
  field: {
    base: string;
    input: {
      base: string;
      sizes: MainSizesType;
    };
  };
}