← Back to Catalog

Slider intensity grade

slider-intensity-grade

Slider = intensity/grade (volume, brightness, saturation) when a precise number is not required; pair NumberInput with Slider when precision is required.

Description

Ant reserves Slider for intensity or grade — volume, brightness, saturation — when users need not enter a precise number. When precision is required, pair NumberInput with the Slider so the grade and the exact value stay in sync. Use this when choosing a control for continuous intensity, not for discrete non-intensity choices better served by radios or select. Fail Slider alone when a precise number is required, or a slider used for a non-intensity discrete choice.

When to use

Picking a control for volume, brightness, saturation, or similar grade.

Not when

Discrete non-intensity choices better served by radios or select.

Agent hint

Use Slider for intensity; pair NumberInput when a precise value is required.

Pass

Slider is used for intensity/grade without a required precise number; precision uses Slider + NumberInput.

Fail

Slider as the only control when a precise number is required; or slider for a non-intensity discrete choice.

Citations

Open UX · cited UX rules agents audit against

Privacy · Sources ·