Elastic Slider

Slider handle stretches elastically then snaps with spring physics.

Default

Drag the track, then pull past either end. Every prop is wired to the controls underneath.

Default Value50

Starting Value0

Max Value100

Stepped

Step Size10

Prop	Type	Default	Description
`defaultValue`	`number`	`50`	The initial value of the slider. It can be less than startingValue or greater than maxValue.
`startingValue`	`number`	`0`	The starting point for the slider's range, e.g., startingValue=100 allows the slider to start at 100.
`maxValue`	`number`	`100`	The maximum value the slider can reach.
`isStepped`	`boolean`	`false`	Enables or disables stepped increments on the slider.
`stepSize`	`number`	`1`	The size of the increments for the slider when isStepped is enabled.

Slot	Description
`left-icon`	Content displayed on the left side of the slider. Defaults to a volume-low icon.
`right-icon`	Content displayed on the right side of the slider. Defaults to a volume-high icon.

Keyboard shortcuts and ARIA behavior.

The slider is pointer-only and exposes no slider role. Use it for decorative or secondary controls, and pair it with a standard input where keyboard access is required.