Mention Input
An input or textarea that opens a filterable list when you type a trigger character.
Type @ to mention someone.
Installation
Run the following command to install the `mention-input` components:
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/mention-input.json
Custom trigger
Any character works as a trigger. Use
# for channels or / for commands.Single line
Set
multiline={false} to render an <input> instead of
a textarea. Everything else — the caret anchored list, filtering and keyboard handling — behaves
the same.Custom items
Pass an
itemSnippet to control how each suggestion renders, and a filter function to override the default matching.Keyboard
While the list is open:
↑ / ↓ move the selection, Enter or Tab inserts the mention and Esc closes the list.