[UI] Input Slider / Range Component

[q-depot]

Hi,

does the UI comes with sliders? I couldn't find it anywhere in the website so I assume it doesn't, but I saw the buttons can be displayed as (toggle)sliders. That's not what I'm looking for but I thought there might be a widget somewhere.

Another note on the side, it would be cool to have a knob widget.

[jlukic]

See #605. We had user contributed slider javascript a few months past, but its not in working shape for the library. See branch ui-slider

If someone wants to rework this into a usable component I'm game for getting into 1.x with a bit more revision.

Otherwise, for my personal contributions, highest priorities currently are: fixing verified 1.0 bugs, adding documentation for undocumented components, and finishing guides for learnsemantic.com

[q-depot]

is that a slider or a scrollbar?

I cloned the ui-slider branch, but I'm struggling to find the slider in the source.

[sevki]

👍

[nicbarker]

Would love this feature, don't enjoy having to use the jquery UI component but it does the job at the moment.

[hrstoyanov]

jlukich,
Where is the documentation on the new Range component. I could not find it at beta.semantic-ui.com

Thanks for your hard work!

[jlukic]

There is not a new range component with 2.0. Not enough time.

[mjhasbach]

+1

[mrjonny2]

+1

[rachellji]

+1

[scotthasbrouck]

+1

[michahell]

+1

[pfhor]

+1

[avalanche1]

+1

[jeanlescure]

+1

[pulsingbrain]

+1

[Timonzimm]

+1

[jlukic]

I started working on this

[avalanche1]

Jack, please include:

• a vertical variation
• a way to add ticks with text labels to slider axis

[jlukic]

I plan on supporting both of those cases.

[avalanche1]

Nice to have you back!)

[mrjonny2]

Any word on when this will be done? Sorry to rush 😄

[markudevelop]

+1

[olaf89]

+1

[vladdancer]

+1

[ianbusko]

+1

[mbpakalin]

+1

[chrisvel]

+1

[dxps]

+1
As a pull request on this exists, it's up to @jlukic to add it as a main component.
Of course, improvement can be made based on feedback.

[ciajulius]

+1

[geemang2000]

+1 As a reference this component sets the bar: https://refreshless.com/nouislider/

[xiwc]

+1

[pmpr]

+1, Feature not added yet? Is there any schedule on this for near future?

[matantsu]

+1

[tetherit]

+1

[xiemeilong]

+1

[j-f1]

Please use the 👍 reaction on the original comment instead of commenting “+1.” Each comment you make emails 42 people.

[baddwin]

This is also awesome:
https://jsfiddle.net/Banandrew/15oo8fxw/

It has range slider that I've been looking for.

Edit: Sorry, I didn't notice this PR which is perhaps the original code of above fiddle.

[tetherit]

@baddwin this looks very cool, but it seems to only work in Safari, not able to drag any of the sliders in the latest version of Chrome (on Mac), hmm.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[noinkling]

Just in case anyone is wondering what happened to the work done for this, this is what I can gather of the current status:

• This repo has a slider branch based on @tyleryasaka's work and @gdaunton's fork which built on that.
• Some additional work was done on that branch, including the merging of PR Slider: bugfix and improving implements #4678. The branch has sat stale since then (beginning of 2017).
• PRs [Slider] Rename module properly, and fix jQuery extension code. #4812 and [Slider] Fixes for docs #4910 for the branch went unaddressed and were closed by the bot due to inactivity. Maybe they could be reviewed and reopened if appropriate?
• Range slider module #4212, which some people were pinning their hopes on, was closed recently without explanation. However it's obsolete anyway; there should be a PR from slider to next or master instead.

What do we need to make this happen?

[eveevans]

The problem with external slider is that they are too big... 86kb for a slider is to much for me...