Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA notes editor where typing [[ lists existing notes by title, inserts [[Title]], offers to create a note that does not exist and lists which links in the text point to missing notes. Use this when notes link to each other by name.
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 note-taking, knowledge-base and docs tools with [[double bracket]] links, where finding a note and creating a missing one should happen in the same gesture.
Do not use it when links are URLs. Use a link field or a markdown toolbar.
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 |
| --------------- | ----------------------------------------------------- | -------------- | ------------------------------------------ | ----------------------------------------------- |
| notes | { id, title }[] | - | Existing notes. |
| value | string | - | The text (controlled). |
| defaultValue | string | "" | Initial text. |
| onValueChange | (value: string, links: { title, exists }[]) => void | - | Runs on every change with the links found. |
| onCreate | (title: string) => Note \\ | Promise<Note> | - | Makes a note; without it Create is not offered. |
combobox with a listbox; options read Roadmap or Create note “Roadmap”.linksIn is exported and finds [[Title]] and [[Title|label]].Links: 2. Broken: Roadmap. and broken links are also shown as outlined badges with the word Broken.[[query and any ]] already after the caret.The pattern ships with a Testing Library test (wiki-link-autocomplete.test.tsx) that covers opening on [[, inserting, creating a missing note and the broken link list.