Rate

A star rating component.

Basic Usage

Basic 5-star rating component.

<prism-rate [(value)]="rateValue" />

Half Star

Support for half-star selection using 'allowHalf'.

Value: 3.5
<prism-rate [allowHalf]="true" [(value)]="rateValue" />

Custom Count & Icon

Customize the number of stars and the icon used.

<prism-rate [count]="10" icon="heart-fill" [(value)]="rateValue" />

Disabled

Read-only rating state.

<prism-rate [disabled]="true" [value]="4" />

PrismRate APINameTypeDefaultDescription
countinput<number>5Total number of star icons.
iconinput<string>'star-fill'The custom remix-icon name for stars.
allowHalfinput<boolean>falseWhether to allow half-star selection.
disabledmodel<boolean>falseWhether the component is disabled.
valuemodel<number>0The current two-way bound rating value.

Name	Type	Default	Description
`count`	`input<number>`	`5`	Total number of star icons.
`icon`	`input<string>`	`'star-fill'`	The custom remix-icon name for stars.
`allowHalf`	`input<boolean>`	`false`	Whether to allow half-star selection.
`disabled`	`model<boolean>`	`false`	Whether the component is disabled.
`value`	`model<number>`	`0`	The current two-way bound rating value.