Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uses input with type 'range' to create a HTML5 slider-element. Current implementation is with inline styles, due to the lack of (apparent) implementations with PureCSS. See W3C Wiki for specification, Zurb's Foundation for common implementation, Can I Use for browser-support.
It can be used in a pure state without much style or any script, but the inline
oninput
-script is added for the value callbacks as the slider is fairly limited in use without knowing the number selected. Could be better-looking adding in parts of a CSS framework. A touch-friendly, responsive polyfill with extended browser-support - especially handy for min, max, and step values - is available.Use case example:
And simple implementation in a blueprint.