Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA textarea with a slash-command menu at the start of a line: grouped commands filtered by label and keywords, inserting snippets with a caret marker.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it in notes, docs and chat where people insert blocks or run actions. Use MentionInput to refer to a person or record.
| Prop | Type | Default | Description |
|---|---|---|---|
commands | { id; label; description?; keywords?; group?; icon?; insert? }[] | - | insert replaces /query; $0 marks the caret. |
value / defaultValue | string | "" | The text, controlled or initial. |
onValueChange | (value: string) => void | - | Runs on every change. |
onCommand | (command) => void | - | Runs after the command text was inserted. |
maxSuggestions | number | 8 | Most commands shown. |
...textarea props | ComponentProps<'textarea'> | - | Everything else goes to the textarea. |
The textarea has role=combobox with aria-expanded, aria-controls and aria-activedescendant; the menu is a listbox labelled Commands and group headings are presentational. The menu only opens for a slash at the start of a line, so paths and fractions typed mid-line are left alone.