filamentphp / filament

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.
https://filamentphp.com
MIT License
18.75k stars 2.92k forks source link

Slider field #12728

Open danharrin opened 5 months ago

danharrin commented 5 months ago

Donate 💰 to fund this issue

Fund with Polar

zepfietje commented 5 months ago

Could you add a little more context here, @danharrin? 🙂

danharrin commented 5 months ago

This library was the original suggestion for implementation https://refreshless.com/nouislider/

danharrin commented 5 months ago

I'm happy to do the bulk of the work as long as you take a look at the design

zepfietje commented 5 months ago

Why not use the native HTML slider? https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range

danharrin commented 5 months ago

I don't think you can add multiple points onto that

binaryfire commented 5 months ago

@zepfietje Yeah the native slider has a fair few limitations vs noUi. noUi has multiple points, better step options, much smoother touch functionality etc.

Also a big plus is the events. You’d need to implement some custom debounce logic to avoid the same DDoS problem the color picker had (where updates were sent for every tiny movement). noUi has a bunch of events that could be tapped into for this.

danharrin commented 4 months ago

@binaryfire since you requested this, I thought I'd let you know. Polar is now active so you can donate to support us in fulfilling your feature.