v2.0.0
Breaking Changes
- Add support for Svelte 4 in
peerDependencies
(Svelte 3 should still work and the lowest peer version has not changed) - Update all tooling to use latest versions and Svelte 4
- Most of the component has been rewritten
- Improved performance with use of
requestAnimationFrame
- Most JavaScript removed
- Uses an HTML
input[type="range"]
under the hood - CSS and markup changes
- Uses CSS
clip-path
andpolygon()
overclip
andrect()
- Improved performance with use of
- Dynamic resizing, loading logic, and use of
object-fit
has been removed - More configurable with an updated set of CSS Custom Property props
Property | Default Value |
---|---|
--handle-size |
2.5rem |
--handle-background-color |
rgba(0, 0, 0, 0.6) |
--handle-background-image |
an embedded SVG url() |
--handle-border-width |
0.125rem |
--slider-color |
#ffffff |
--slider-width |
0.125rem |
- There is a new
slider-label
named slot for customizing the accessible label for the slider - Enhanced live updating documentation website and example
Full Changelog: v1.0.4...v2.0.0