Gloss UIv4.4
Architecture
Style Guide
Primitives
Input7
Output7
Actions4
Forms2
Pickers & Specialized
DatePickerDateRangePickerTimePickerColorPickerFileUploadMaskedInputRangeSliderRating
Dashboard10
Composites
Compositions
Planning
Applications

Prototypes

Gloss UIv4.4
Architecture
Style Guide
Primitives
Input7
Output7
Actions4
Forms2
Pickers & Specialized
DatePickerDateRangePickerTimePickerColorPickerFileUploadMaskedInputRangeSliderRating
Dashboard10
Composites
Compositions
Planning
Applications

Prototypes

Rating

Star-based rating input. Preset API surface is locked (size, value, max, allowHalf, readOnly, disabled, icon, emptyIcon) but the BaseRating container does not yet render interactive stars — tracked as carryforward debt. The showcase below demonstrates the structural container and confirms the Preset renders without console errors after the T1 ref-as-prop migration.

Structural sizes (container only)Scaffold
XS
SM
MD
LG
XL

Each container exposes --_star-size, --_active-color, --_inactive-color, --_hover-color, --_gap CSS vars and a role="radiogroup" root, ready for star rendering once the implementation lands.

States (data attributes)
Default
Read-only
Disabled

State flags propagate as data-readonly / data-disabled attributes on the container; component logic can hook those for styling.

Migration verification (T1)
  • Component renders without React errors (ref-as-prop signature OK).
  • Preset-owned props (value, max, allowHalf, icon, emptyIcon) no longer leak to the DOM container.
  • BaseRating star rendering: carryforward debt — tracked alongside AddressGroup's useImperativeHandle deferral.