Slider

@sushindustries/ui

A native range input with its label - keyboard steps and form value ship in the element.

3 min read

Props

Accepts every prop of Omit<InputHTMLAttributes<HTMLInputElement>, "type">, plus:

Prop	Type	Default	Does
`label`	`string`	-

Notes

type is omitted from the props on purpose - the input is always type="range", so there is nothing to pass that would change it. min, max and step are not defaulted by this component; leave them off and you get the browser's own range defaults (0 to 100, step 1), the same as a bare <input type="range">.