← Components/primitives

Slider

Carbon-spec slider. Wraps Radix Slider for ARIA + keyboard. Carbon's surrounding label / value-input / min-max-labels structure rendered around the Radix root.

primitivesstablea11y: untested3/3 coverageEdit on GitHub ↗
primitives-slider--defaultOpen all variants →

When to use

  • Numeric input where the range matters more than the precise value (volume, opacity, density, threshold).
  • Bounded ranges with discrete step values where users want spatial feedback.

When not to use

  • Precise numeric input → use the NumberInput pattern.
  • Free-text numeric → use `TextInput` type="number".
  • Unbounded counts → use the NumberInput pattern.