Slider

Draggable input for selecting numeric values within a range

Example

slider

Loading preview…

Draggable input for selecting numeric values within a range

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

Prop	Type	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`	-	-

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

<Slider /* props */ />