Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProInline goal editing with validation; Enter saves, Escape cancels and focus returns to Edit.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
A target the user can change in place.
Do not use it when: Goals set by an admin only.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Metric name. |
goal | number | - | Current goal. |
min | number | 1 | Lowest allowed. |
max | number | 1000000 | Highest allowed. |
onSave | (goal: number) => void | - | Called with the new goal. |
Errors use role=alert and aria-describedby on an aria-invalid input. Focus returns to the Edit button after leaving edit mode.
The pattern ships with a test (kpi-goal-editor.test.tsx). Tests drive the real interactions and the pure helper functions.