ember-cli-icon-rating

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
  min=5
  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.