Docs / Components

SenseRatingComponent

Star rating control with keyboard navigation, optional clear action, and forms CVA support from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/rating (port 4202).

Overview

Category: Form controls. Selector: sense-rating. Import: import { SenseRatingComponent } from '@artificialsenselabs/ui';

Accessibility

  • Interactive mode exposes role="radiogroup" with per-star role="radio" buttons.
  • Arrow keys adjust the value; Delete/Backspace clears when cancel is enabled.
  • Readonly mode uses role="img" with a localized value announcement.
  • Disabled state sets aria-disabled="true" and removes stars from the tab order.