MARKETPLACE
PLUGINS
@MENTION INPUT DROPDOWN
@Mention Input dropdown logo

@Mention Input dropdown

Published June 2021
   •    Updated February 2026

Plugin details

Enable users to use "@" (or # or <) sign to mention a user or another thing with a dropdown menu inside any input.
Useful for chat, comment section, email writing etc.

Make your app look and feel more like Twitter, Facebook and other tech giants!

Link to demo:
https://testejpdom.bubbleapps.io/mention_input

Link to demo editor:
https://bubble.io/page?type=page&name=mention_input&id=testejpdom&tab=tabs-1

$6

One time  •  Or  $2/mo

4.8 stars   •   6 ratings
252 installs  
This plugin may track or collect your data. Learn how.

Platform

Web

Contributor details

João Pedro Domingues logo
João Pedro Domingues
Joined 2017   •   3 Plugins
View contributor profile

Instructions

First you need to enable the option on Bubble settings to expose an option to add an ID attribute to HTML elements: - Go to your app's settings
- Open the "General" tab
- Find the option "Expose the option to add an ID attribute to HTML elements" and tick it's checkbox

Inside the editor, click on the input element you want to enable a mention dropdown and write the ID you want to use on the property "ID Attribute" at the end of the element's property menu (this ID can be anything)

Add a "@Mention Input" element on your page and set the property "Element ID" to the same ID you've put on the input element. Fill the property "Mention list" with a search of your database that retrieves a list of texts you want to use.
(Example: you have a field on the User thing named 'Username' and you want to enable users to mention each other using this username field, on the "Mention list" property you should put 'Search for User's Username')

And that's it !

If you have any questions, go to jpdom.bubbleapps.io and use the contact form, we respond within 24 hours max.

Data collection and tracking

This author has not yet disclosed their data usage policy. Learn more by contacting the author.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event

Categories

This plugin can be found under the following categories:
Social Network   •   Mobile   •   Productivity   •   Ecommerce   •   Blog   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.8)

Cool plugin
March 5th, 2025
Very usefull and easy setup.
Good plugin, only one feature missing.
October 31st, 2023
Hey, excellent plugin overall! The only feature missing is for the #mention to change color once it's selected. Adding this would provide immediate user feedback and significantly enhance the user experience. Other than that, the plugin is very good.
Plugin e Suporte incríveis!
March 3rd, 2023
O único problema que eu tive foi em relação à grupo repetidor. E o João me respondeu rapidamente em 1 email
Works Great!
May 24th, 2022
Great Plugin for chat type functions and very easy to use.
Amazing plugin!
March 22nd, 2022
Simple, Lightweight, and João is awesome at supporting and making updates if needed.
Bubble