Component

Rating

Star rating selector with Angular Forms, half-star values, read-only mode and keyboard navigation.

import { NeuRatingComponent } from '@neural-ui/core/rating';

Interactive (signal) — value: 3 ★

Read only

Half star (read only)

10 stars

import { NeuRatingComponent } from '@neural-ui/core/rating';
import { FormControl, ReactiveFormsModule } from '@angular/forms';

@Component({
  imports: [NeuRatingComponent, ReactiveFormsModule],
  template: `
    <!-- Formularios Angular / Angular Forms -->
    <neu-rating [formControl]="rating" />

    <!-- Solo lectura con media estrella / Read-only with half star -->
    <neu-rating [value]="4.5" [readonly]="true" />
  `
})
export class MyComponent {
  rating = new FormControl(4, { nonNullable: true });
}