formstexulinot agent-emittableapp
Rating
rating
A star rating the person sets, or a read-only average.
Forms with the wiring documented, not guessed. Form controls take labels, descriptions and error text through props, and their keyboard and screen-reader behavior is documented in the accessibility notes below — generated from the manifest, not hand-maintained. The repository’s behavior suite holds the underlying patterns on Chromium, WebKit and a Pixel 7.
Live examples
Review
Review
Loading demo…
In your theme
This page renders in the site theme, enterprise-neutral. Every one of the 210 library themes re-colors every component through the --tx-* contract. The three below carry real token values from the library, rendered at build — no island, no extra requests.
Violet
backgroundsurfaceprimaryaccentborder
Monochrome
backgroundsurfaceprimaryaccentborder
Accessible Dark Contrast
backgroundsurfaceprimaryaccentborder
Props
| Name | Kind | Required | Default | Description |
|---|---|---|---|---|
value | number | no | 0 | — |
max | number | no | 5 | — |
allowHalf | boolean | no | false | — |
display | boolean | no | false | — |
clearable | boolean | no | false | — |
readonly | boolean | no | false | — |
disabled | boolean | no | false | — |
required | boolean | no | false | — |
name | string | no | — | — |
size | enum (sm, md, lg) | no | "md" | — |
tone | enum (warning, primary, neutral) | no | "warning" | — |
showValue | boolean | no | false | — |
labels | object | no | — | — |
onValueChange | event | no | — | — |
class | string | no | — | — |
Keyboard
| Key | Action |
|---|---|
A, a | A labelled radio group; arrows move and select. Display mode is a named image. |
Accessibility
- A labelled radio group; arrows move and select. Display mode is a named image.
Evidence for rating
Latest committed gates for rating (as of 2026-10-23). Static snapshot — not live CI.
Behavior
n/ano behavior scenario
No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).
Size (gzip)
texuli/rating · budget 12.0 KiB
Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.
Axe
documented
tests/e2e/site-component-pages.spec.tsdocs/quality (a11y-*)
Site component pages axe gate; package-level a11y docs under docs/quality when present.
Browsers
chromiumwebkitmobile
Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.
When to use
Use when
- A score out of five (or up to ten) stars
Don’t use when
Prefer another component
- A binary like/unlike (use a toggle)