Slider

Example

import { cn, Slider } from "@databricks/appkit-ui/react"

type SliderProps = React.ComponentProps<typeof Slider>

export default function SliderExample({ className, ...props }: SliderProps) {
  return (
    <Slider
      defaultValue={[50]}
      max={100}
      step={1}
      className={cn("w-[60%]", className)}
      {...props}
    />
  )
}

Slider

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		0	-
max	number		100	-
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 */ />