JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q29088F

Package Exports

  • sv-star-rating

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (sv-star-rating) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Angular Shortcode

SvStarRating

Table of Contents

Demo


Angular Shortcode

Stackblitz

Installation


Install with NPM

npm i sv-star-rating

Options


Name Type Default Value Description
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>

Author


Mehdi Sadeghian Samira Vahidi

Contact


github

linedIn