https://github.com/hugomrdias/halo-range
Range component for Halo
https://github.com/hugomrdias/halo-range
Last synced: 3 months ago
JSON representation
Range component for Halo
- Host: GitHub
- URL: https://github.com/hugomrdias/halo-range
- Owner: hugomrdias
- License: mit
- Created: 2016-01-26T20:14:39.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2020-07-16T23:21:45.000Z (almost 5 years ago)
- Last Synced: 2025-03-02T04:29:11.667Z (4 months ago)
- Language: JavaScript
- Homepage: https://hugomrdias.github.io/halo-range/test
- Size: 80.1 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# halo-range
> Range component for Halo based on Material design
This is for advanced users.
## Install
```
$ npm install --save halo-range
```
## Usage
Check the examples [page](https://hugomrdias.github.io/halo-range/test) and code in the test folder.
The CSS source is for PostCSS environments. Use the compiled version in the test folder for others.
> The compiled version as sourcemaps inline and `autoprefixer.browsers '> 5%'`
## Todo
- [ ] dark modifier
## Related
- [Material Spec](https://www.google.com/design/spec/components/sliders.html#)
- [Styling and scripting sliders PPK](http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html)
- [Example](http://www.quirksmode.org/sliders/sliders.html)
- [MDL example](http://getmdl.io/components/index.html#sliders-section)
- [How to Style Input Type Range in Chrome, Firefox, and IE](http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html)
- [Styling Cross-Browser Compatible Range Inputs with CSS](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/)
- [Value Bubbles for Range Inputs](https://css-tricks.com/value-bubbles-for-range-inputs/)
## License
MIT © [Hugo Dias](http://hugodias.me)