Forms
Range sliders
Single and dual-handle ranges with labels, states, and context.
Basics
Default slider with label and helper text.
States & colors
Hint intent with color and validation.
Sizes & density
Adjust range height and padding.
Dual handle
Simulated range pair for min/max budgets.
Monthly budget
Simulated handles
$3.0k
$7.0k
Contextual
Pair range sliders with labels and summaries.
Engagement target
65%
Targets feed weekly alerts and dashboard goals.
SLA response
2.5h
Affects staffing forecasts and alerting rules.