Sv-star-rating NPM

npm.io

SvStarRating

Demo

Installation

Install with NPM

npm i sv-star-rating

Options

Name	Type	Default Value
margin	string	2px
bgColor	string	#9c9c9c
activeBgColor	string	gold
size	string	40px
value	string / number	2
readonly	boolean	false
disabled	boolean	false
radiusRatio	number	16
innerOuterRadiusRatio	number	4
@Output() valueChange	number

Usage

Import SvStarRatingModule in your app

import { SvStarRatingModule } from 'sv-star-rating';

@NgModule({
  imports: [
    ...
    SvStarRatingModule
  ],
  ...
})
export class AppModule { }

Example

<sv-star-rating
  size="40px"
  margin="10px"
  bgColor="gray"
  activeBgColor="gold"
  [(value)]="value"
  [readonly]="false"
  [disabled]="false"
  [radiusRatio]="40"
  [innerOuterRadiusRatio]="2"
  (valueChange)="valueChange($event)">
</sv-star-rating>