Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProPin and unpin metrics into an ordered list with a maximum and an explaining message.
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.
Users choose a short list of favourites.
Do not use it when: Everything must always show.
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 |
|---|---|---|---|
metrics | {id,label,value}[] | - | All metrics. |
max | number | 3 | Maximum pins. |
defaultPinned | string[] | [] | Initial pins. |
onChange | (ids: string[]) => void | - | Called with pin order. |
storageKey | string | - | localStorage key to persist order. |
Pin buttons use aria-pressed; limit and result messages use role=status. Order is the pin order and can be saved with storageKey.
The pattern ships with a test (kpi-pin-metrics.test.tsx). Tests drive the real interactions and the pure helper functions.