ngx-material-rating

A Material Design rating component

Installation

Add the package to your application.

npm install --save ngx-material-rating

Demo

https://stackblitz.com/edit/ngx-material-rating-demo

Getting started

Import the range module to your application module.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NgxMaterialRatingModule } from 'ngx-material-rating';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule,
    NgxMaterialRatingModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Using the component

Add the component to your template and use the provided properties to suit your needs:

• color: one of the valid value of ThemePalette
• disabled: to disable the component
• dense: to have less margin between stars
• value: the rating value, can be used with [(ngModel)]
• max: the maximum rating value

Check the demo for more examples.