Skip to main content

Slider

Accessible range input with filled track, label, hint, error states, continuous or stepped snapping, and optional value display.

Continuous (default)

Volume

Every whole number from 0 to 100.

Stepped

Rating

Snaps to whole stars only.

Stepped with larger increments

Discount

Disabled

Locked setting

Error

Zoom

Value must be between 50 and 150.

API

Prop	Required	Type	Default	Description
theme	Optional	SiteTheme	atelier	Visual theme.
variant	Optional	"continuous" \| "stepped"	continuous	Continuous uses step=1 for whole-number values; stepped snaps to larger increments (e.g. 10).
label / hint / error	Optional	string	—	Field shell labels and validation.
min / max	Optional	number	—	Range bounds.
step	Optional	number	1	Increment — 1 for every whole number (continuous), or larger for stepped (e.g. 10).
value / onChange	Optional	native range	—	Controlled slider value.
showValue	Optional	boolean	—	Shows current value beside the track.
valueLabel	Optional	(value) => string	—	Custom formatter for aria-valuetext and display.