Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA prompt box where typing @ then a path completes one folder at a time, keeps the menu open after a folder and closes after a file, so you can reference a file by keyboard. Use this when people attach project files to a message or prompt.
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 coding assistants and note tools, where the reference is a path inside a project and walking the tree with Tab and a few letters beats a file picker.
Do not use it when files are chosen by name only and paths are not meaningful. Use a combobox of file names.
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 |
|---|---|---|---|
files | string[] | - | Paths, e.g. src/ui/button.tsx. |
value | string | - | The text (controlled). |
defaultValue | string | "" | Initial text. |
onValueChange | (value: string, paths: string[]) => void | - | Runs on every change with the file paths referenced in the text. |
limit | number | 8 | Most entries shown. |
Files in src/ui/)./; choosing one extends the text and re-opens the list on the next level.completions is exported and is pure: it lists the entries directly under a typed path.The pattern ships with a Testing Library test (file-path-mention-completion.test.tsx) that covers completing one level at a time, files closing the menu, folders first and the referenced paths.