Slider

Component

Range selection control with smooth animations.

Installation & Usage

Basic Usage

import { Slider } from 'dotti'

<Slider
  label="Volume"
  value={volume}
  onChange={setVolume}
  min={0}
  max={100}
/>

Standard range slider with label.

Volume50

Code

const [value, setValue] = useState(50)

<Slider
  label="Volume"
  value={value}
  onChange={setValue}
  min={0}
  max={100}
/>

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.