Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA comment box where typing # lists issues by number or title with their state, inserts #123 and lists the referenced issues under the box. Use this when comments link to tickets, pull requests or tasks.
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.
Use it in comments, commit messages and descriptions of trackers, where people remember a ticket number or a few words of its title, and the closed ones should still be findable.
Do not use it when references are to people. Use a mention box.
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 |
| --------------- | ----------------------------------------------- | ------------- | ------------------------------------------------------------------- | --------------------- |
| issues | { number, title, state: "open" \\ | "closed" }[] | - | The issues to search. |
| value | string | - | The text (controlled). |
| defaultValue | string | "" | Initial text. |
| onValueChange | (value: string, references: number[]) => void | - | Runs on every change with the issue numbers referenced in the text. |
combobox; options are named #42 Fix login redirect, open.referencesIn is exported and finds #123 as whole tokens, not inside words such as abc#123.References: line below the box is a polite status.The pattern ships with a Testing Library test (issue-reference-autocomplete.test.tsx) that covers searching by number and title, the order of open before closed, inserting and the references line.