Rating

A star rating with hover preview and keyboard.

import { BuiRating } from 'ng-blatui';

<bui-rating [(value)]="score" [max]="5" ariaLabel="Rate" />

Readonly

4.0 out of 5

<bui-rating [value]="4" [readonly]="true" ariaLabel="4 of 5" />

Sizes

<bui-rating [value]="3" size="sm" ariaLabel="Small" />
<bui-rating [value]="3" ariaLabel="Default" />
<bui-rating [value]="3" size="lg" ariaLabel="Large" />

Colors

<bui-rating [value]="4" color="text-rose-500" ariaLabel="Rose" />
<bui-rating [value]="4" color="text-amber-500" ariaLabel="Amber" />