Contenteditable input with inline chips and autocomplete
Type @ to trigger the mention dropdown.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | "" | Serialized content (bindable) |
placeholder | string | "" | Placeholder text |
triggerChar | string | - | Character that opens autocomplete (e.g. "@") |
onTrigger | (query) => ChipSuggestion[] | - | Returns autocomplete suggestions |
onChipCreate | (suggestion) => ChipInfo | - | Builds the chip DOM from a suggestion |
onSerialize | (el) => string | - | Converts a chip element back to text |
rows | number | 3 | Visual height in lines |
disabled | boolean | false | Disable editing |
compact | boolean | false | Denser layout |
monospace | boolean | false | Monospace font |