search

vuematerial / vue-material

Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://www.creative-tim.com/vuematerial
MIT License
9.9k stars 1.15k forks source link

Is a Range Slider component coming? #115

Open delueg opened 7 years ago

delueg commented 7 years ago

Hello,

i want to ask if you planning to implement a <input type="range" /> component for vue-material.

All Best

marcosmoura commented 7 years ago

Yep. Will be developed. But unfortunately there's some other components or improvements to be made. So this will be scheduled for 0.6.0 or 0.7.0. Thank you.

copitz commented 7 years ago

I've got a vue material slider component ready using noUiSlider - let me know if you want me to contribute it

xeoncross commented 7 years ago

Not supporting range-slider is a big deal breaker for me. Here is a basic CSS-only slider if anyone is interested in how it might work: https://codepen.io/Xeoncross/pen/dRJmpj

or just plain responsive sliders: https://codepen.io/Xeoncross/pen/PjERao

copitz commented 7 years ago

@Xeoncross you can use my component for this if you want: https://github.com/netresearch/continnous/tree/master/src/md/mdSlider

I already had a short discussion with @marcosmoura about that and he was interested in this component as well - however I didn't have time yet to create a pull request for that - maybe you have? ;)

image

Samuell1 commented 6 years ago

Sooon will be added! 😃

obrazok

mcicolella commented 6 years ago

Is there already a deadline for this?

Samuell1 commented 6 years ago

@mcicolella check PR, its finished on other browsers but doesnt work on IE yet

mcicolella commented 6 years ago

Any update about this?

Samuell1 commented 6 years ago

@mcicolella i had working slider but it was based on native input and i run in some problems with it (cross browser support, advanced styles, buble icon, ticks, ...), that means we need to make it separate from that native input if we want to use some advanced things for it.

(you can check branch for it but its unstable, maybe later will be removed: https://github.com/vuematerial/vue-material/tree/components/MdSlider)
jjtbsomhorst commented 6 years ago

Any update? Is it already usable?

rainabba commented 5 years ago

Also curious as I'm hunting for a viable slider component.

jimmywarting commented 5 years ago

what was the problem with ie and native input type range?

according to MDN ie10 have support for range input?

or is it problem with styling?

Can't wait until edge becomes chromium based!

Samuell1 commented 5 years ago

@jimmywarting mostly issue was you need to maintain code for every browser separately because every browser has other definitions and some browser are missing features of styling ticks, bubles etc thats why best approach is to create own component with divs and bind value to slider input

jjtbsomhorst commented 5 years ago

Isn't the idea of this project that such things are taking care of and you don't need to invent the wheel yourself?

Samuell1 commented 5 years ago

@jjtbsomhorst yes, but iam talking about slider component that it needs to be created with divs etc to fix many issues between browsers and support other features. I think i wrote it badly before and it sounds like "you" need to make it in your project :D