ember-cli-icon-rating
Description
Rating Input that can use any Font Awesome Icon and defaults to using the star icon
DEMO
Installation
ember install ember-cli-icon-rating
Usage
- Note: Uses DDAU so no updates are done without an onClick handler
Simplest Case
{{icon-rating
value=value
onClick=(action (mut value))
}}
Full Example
{{icon-rating
max=10
size=4
value=5
icon='dollar'
readOnly=true
baseColor='red'
fillColor='green'
onClick=(action 'updateValue')
}}
Component Options Available
- max - Number of stars
- readOnly - handlers will not run
- value - Number of stars selected
- icon - Font Awesome icon to use for rating
- size - size of star, i.e. lg, 2 - 5 (see Font Awesome docs)
- baseColor - any rgb, hex, string color to be used as the initial color before selection
- fillColor - any rgb, hex, string color to be used as the hover color or after selection
License
MIT license.