Class UIRating

A star rating input that supports read-only display and interactive selection.

Bind [(value)] for two-way control. Set [readonly]="true" to use as a display-only indicator (e.g. in table cells or review cards).

Example

<!-- Interactive -->
<ui-rating [(value)]="stars" />

<!-- Read-only display -->
<ui-rating [value]="3.5" [readonly]="true" />

Index

Constructors

constructor

Properties

ariaLabel disabled max readonly size value

Constructors

constructor

new UIRating(): UIRating
Returns UIRating

Properties

`Readonly`ariaLabel

ariaLabel: InputSignal<string> = ...

Accessible label for the radiogroup.

`Readonly`disabled

disabled: InputSignal<boolean> = ...

Disable the rating input.

`Readonly`max

max: InputSignal<number> = ...

Maximum number of stars.

`Readonly`readonly

readonly: InputSignal<boolean> = ...

Render as a display indicator — no interaction.

`Readonly`size

size: InputSignal<RatingSize> = ...

Visual size.

`Readonly`value

value: ModelSignal<number> = ...

Current rating value (two-way).

Class UIRating

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIRating

Properties

`Readonly`ariaLabel

`Readonly`disabled

`Readonly`max

`Readonly`readonly

`Readonly`size

`Readonly`value

Settings

On This Page

Class UIRating

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIRating

Properties

ReadonlyariaLabel

Readonlydisabled

Readonlymax

Readonlyreadonly

Readonlysize

Readonlyvalue

Settings

On This Page

`Readonly`ariaLabel

`Readonly`disabled

`Readonly`max

`Readonly`readonly

`Readonly`size

`Readonly`value