Skip to content

Rate picker

Star rating input with half-star precision and Signal Forms support.

@xngui/components/rate-picker
@xngui/components/rate-picker

Preview

Your ratingTap a star to rate this product. Double-tap the selected star to clear.
Navigation:
Tab← →
Focus:
Focus
Pointer:
Click
import { Component } from '@angular/core';
import { XForm } from '@xngui/components/form';
import { XRatePicker } from '@xngui/components/rate-picker';
import { XIcon } from '@xngui/icons';
 
@Component({
selector: 'app-example',
imports: [XForm, XRatePicker, XIcon],
templateUrl: './rate-picker.component.html',
})
export class ExampleComponent {}

Events

Interact with the preview — events will appear here.