sv-star-rating

Angular Shortcode

SvStarRating

Table of Contents

• Live Demo | Stackblitz
• Installation
• Options
• Usage
• Example
• Author
• Contact

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

• Angular Shortcode
• Mehdi Sadeghian
• Samira Vahidi

linedIn

• Mehdi Sadeghian
• Samira Vahidi