ng-custom-rating v0.0.4

ng-custom-rating

star rating library built for angular

Features

• You can use your own icons for rating selection

• User can select half rating (eg 1.5,2.5,3.5 .....)

How to use

• Download star icons from this link(or you can use your own icons)

• npm i ng-custom-rating

using package

.....
...
import { NgCustomRatingModule } from 'ng-custom-rating';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
 ..... ,
    NgCustomRatingModule
  ]

Example

app.componenet.html

<custom-ratings 
[UncheckedIcon] ='"assets/images/emptyStar.svg"'
[CheckedIcon] ='"assets/images/fullstar.svg"'
[HalfCheckedIcon] ='"assets/halfstar.svg"'
[Iconwidth] = "'25'"
[RatingCount] = 5
[DisableHalfRating] = false
[DefaultRating] = 2
[disableSelect] = false
(selectedRating)='getRating($event)'
></custom-ratings >

app.componenet.ts

  getRating(data){
  console.log(data)
}

Input Parameters