Slider

Draggable input for selecting numeric values within a range

Example

slider

Loading preview…

Slider

Draggable input for selecting numeric values within a range

Source: packages/appkit-ui/src/react/ui/slider.tsx

Props

Prop	Type	Required	Default	Description
name	string		-	-
disabled	boolean		-	-
orientation	enum		-	-
dir	enum		-	-
min	number		-	-
max	number		-	-
step	number		-	-
minStepsBetweenThumbs	number		-	-
value	number[]		-	-
defaultValue	number[]		-	-
onValueChange	((value: number[]) => void)		-	-
onValueCommit	((value: number[]) => void)		-	-
inverted	boolean		-	-
form	string		-	-
asChild	boolean		-	-

Usage

import { Slider } from '@databricks/appkit-ui';

<Slider /* props */ />