RangeSlider

API reference and demos for RangeSlider.

Source

Import

import { RangeSlider } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Stepped · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
ariaLabelMax	string	Maximum value	—
ariaLabelMin	string	Minimum value	—
className	string	—	—
editable	boolean	false	Shows number fields below the track for exact keyboard entry.
max*	number	—	—
min*	number	—	—
onChange*	(…) => void	—	—
rangeClassName	string	—	—
step	number	1	—
thumbClassName	string	—	—
trackClassName	string	—	—
value*	RangeSliderValue	—	—