Slider

Range input for scalar tuning without custom interaction code.

Slider is for approximate scalar tuning; use numeric inputs for exact values.

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

Default

Default range input.

Sky

Accent range input.

Props

Name	Type	Default	Description
`min`	`number`	-	Native minimum.
`max`	`number`	-	Native maximum.
`step`	`number`	-	Native step.
`defaultValue`	`number`	-	Uncontrolled value.
`value`	`number`	-	Controlled value.
`tone`	`'default' \| 'sky'`	`default`	Track and thumb tone.