Range Slider

A from–to range picked on one track. Specification: docs/components/range-slider.md · single thumb: Slider

Basics

Two native range inputs on one track, each with its own name. The label names the pair: the field is role="group" with aria-labelledby, and each input names its thumb. canon.js fills between the thumbs, keeps them from crossing and keeps the values in step. Each value appears over its own thumb while you hover, focus or drag that thumb. When both show (one thumb focused, the other hovered) and the thumbs are close, the two values move apart.

Price
Without values
Working hours

Alerts outside these hours go to the on-call rotation.

Named marks

Severity

States

Thumbs meet at the end
Disabled
Replicas

Your quota allows up to 10 replicas.

Vertical

Band

Size

Small
Theme decides
Large

Edge cases

Acceptable response time for the public API before an incident is opened automatically
السعر