Skip to main content

SliderField


Example

Props

NameTypeDefault ValueRequiredDescription
type"double" | "single"Yes
onChangeEnd((value: number) => void) | ((value: [number, number]) => void)No

Invoked when the user stops dragging the slider. This is different from onChange, which is called continuously while dragging.

namestringNo
valuenumber | [number, number]Yes
onChange((value: number) => unknown) | ((value: [number, number]) => unknown)Yes
onBlur() => unknownNo
labelstringYes
issuesNonEmptyArray<Children>No
disabledbooleanNo
assistiveTextChildrenNo
autoFocusbooleanNo
hintstringNo
hintPlacement"bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start"No
minValuenumberYes
maxValuenumberYes
stepnumberNo
dragStepnumberNo
hideThumbValuebooleanNo
kind"decimal" | "currency" | "percentage"No
currencystringYes

Related components