<sp-slider-handle>

`<sp-slider>` allows users to quickly select a value within a range. They should be used when the upper and lower bounds of the range are invariable.

Category

Forms

Built with

No library

Library

Spectrum Web Components

Author

Adobe

Package

@spectrum-web-components/slider

Component size

5.0 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

7.5 kB JS (shared by every Spectrum Web Components component, loaded once per page)

Popular

3 out of 5

Downloads

41,890/week · jsDelivr 7,519 hits/month (whole @spectrum-web-components/slider package)

Latest stable version

1.12.4

Last published

Sep 29, 2026

Component last changed

Jul 6, 2026 (in 1.12.2)

License

Apache-2.0

• Documentation
• Source code

• Documentation
• Source code

Attributes

• value
• default-value
• dragging
• highlight
• name
• min
• max
• step
• format-options
• label

Events

• sp-slider-handle-ready
• input
• change