Forms v1.0.0

Mention Input

A textarea with inline mention support. Type a trigger character (default "@") to open a filterable dropdown of users or items. Supports keyboard navigation, avatar display, and stores structured mention data in a hidden input as JSON.

Preview & Code

Options

Name Type Default Description
name * String required Form field name for the hidden input storing mention data
value String "" Initial text value for the textarea
placeholder String "" Placeholder text for the textarea
trigger String "@" Character that triggers the mention dropdown
items Array [] Array of mentionable items with keys: id, name, avatar (optional)
max_suggestions Integer 5 Maximum number of suggestions shown in the dropdown
label String nil Label text rendered above the textarea

Changelog v1.0.0

- Initial release with trigger character detection
- Filterable dropdown with keyboard navigation
- Avatar support with fallback initials
- Structured JSON mention data in hidden input
- Dark mode support

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now