Elastic Slider
A slider that thickens as you touch it and stretches like rubber past either end, then springs back.
import { ElasticSlider } from "pleate/effects/elastic-slider";Volume and brightness
Props
- label
Accessible name (required).
string- value / defaultValue / onValueChange
Controlled or uncontrolled value.
numberdefault 50- min / max / step
Range.
numberdefault 0 / 100 / 1- startIcon / endIcon
Icons that the stretch nudges.
ReactNode- showValue
Show the number below.
booleandefault false- maxStretch
Farthest stretch in px.
numberdefault 40
Accessibility
- role=slider with arrow keys, Page Up, Page Down, Home and End.
- Reduced motion drops the stretch.