This plugin offers a powerful and intuitive solution for text input with smart formatting and real-time suggestions, designed specifically for Bubble Native (mobile) apps. By placing the Smart Input With Mentions & Tags Pro element on your page, you instantly enable advanced text editing features like @mentions, #hashtags, dynamic suggestions, and styled text rendering.
Allow users to tag people, topics, or keywords with live suggestions as they type — just like on social media platforms. Customize colors, borders, and placeholders to match your app’s branding while giving users a seamless and engaging typing experience.
The component automatically adapts to the mobile keyboard using built-in KeyboardAvoidingView support, ensuring that the input field always stays visible. Plus, it tracks real-time metrics like word count, unique mentions, tag frequency, and more — all available via custom states and events for your Bubble workflows.
Prerequisites
This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/W13vZ72p
⚠️
Please note that the testing app is currently available for iOS only.
How to setup
Install the Plugin: Add the Mention - Tag Users/Items for Bubble Mobile plugin to your Bubble application through the plugin marketplace.
Drag the Smart Input With Mentions & Tags element onto your Bubble page.
Configure your @mention and #tag source lists via plugin properties.
Customize the design: borders, fonts, colors, and placeholder.
Connect to your workflows using the built-in events:
On Tag Select
On New Mention Add
On New Tag Add
On Text Change
Read dynamic states like:
Text Content
Mention Count
Tag Count
Word Count
Last Mention ID
Last Tag ID
Element Properties
Smart Input With Mentions & Tags
Turn any text field into a modern, interactive experience!
This native plugin gives you a powerful
rich input field with real-time @mention and #tag support
— perfect for chats, social feeds, comments, or collaborative notes.
Field Name
Description
Type
Placeholder
Text shown inside the input when it's empty.
Text
Mention
Dynamic search source for user mentions (@name).
List of Text
Mention ID
Unique ID associated with each mentioned item.
List of Text
Tag
Dynamic search source for selecting tags (labels).
List of Text
Tag ID
Unique ID associated with each tag.
List of Text
Input Background Color
Background color of the input field.
Color (Hex)
Input Focused
Border color when the input field is focused (active).
Color (Hex)
Input Border
Border color when the input is not focused.
Color (Hex)
Input Border Radius
Border radius of the input field.
Number
Text Color
Color of regular text inside the input.
Color (Hex)
Placeholder Text Color
Color of the placeholder text.
Color (Hex)
Mention Text
Text color for mentions (e.g. @Daniel).
Color (Hex)
Mention Text Background
Background color for mentions.
Color (Hex)
Mention Border Radius
Border radius for mention tokens.
Number
Tag Text
Text color for tags (e.g. #launchday).
Color (Hex)
Tag Background Color
Background color for tags.
Color (Hex)
Tag Border Radius
Border radius for tag tokens.
Number
Suggestions Header Text
Text color for the "Suggestions" section header.
Color (Hex)
Suggestion Text Color
Text color for each suggestion.
Color (Hex)
Suggestion Hover Background
Background color when hovering over a suggestion.
Color (Hex)
Element States
State Name
Description
Type
Text Content
The full content of the input as plain text.
Text
Mention Count
The number of @mentions currently present in the input.
Number
Tag Count
The number of #tags currently present in the input.
Number
Word Count
The total number of words typed into the input.
Number
Last Mention ID
The Mention ID of the most recently selected mention.
Text
Last Tag ID
The Tag ID of the most recently selected tag.
Text
Element Events
Event Name
Description
On Mention Select
Triggered when a user selects an existing mention from the list.
On Tag Select
Triggered when a user selects an existing tag from the list.
On Unique Mention Add
only when a mention is inserted that did not previously exist in the current text input.
On Unique Tag Add
only when a tag is inserted that did not previously exist in the current text input.
On Text Change
Triggered every time the text in the input changes (live typing).
Maximum Number of Characters
Triggered when the maximum number of allowed characters is reached or passed in the input field.
Changelogs
Update 07.10.25 - Version 1.6.0
Fixed the max height, past, and event "add new mentions" issue.
Update 30.09.25 - Version 1.5.0
New options "max character limit" and "controlling the border", and respects minimum height setting.
