📘 How to Use
Add the Clickable Tags element to your page and configure it with the following:
Data Source: Provide a list of Things (e.g., categories, users, labels).
Field Name: Choose which field to show as the label (e.g. name).
Optional Icon: Choose a field for emojis, images, or SVGs.
Custom Field Matching: Use the custom_field property if you need to match a field by name prefix.
Styling: Customize colors, font, padding, border radius, spacing.
Interactivity:
Tags are clickable by default.
You can turn off clicking using the disable_click property.
Scrolling:
Tags scroll horizontally by default.
Set horizontal_scroll = false to wrap tags onto multiple lines.
💡 Events & States
When a tag is selected, the plugin:
Publishes selected_thing (the Bubble Thing)
Publishes selected_icon (string or empty)
Triggers tag_selected event
Editor:
https://bubble.io/page?id=ncv-react-plugins&tab=Design&name=tags&type=page&elements=bTNSI0Demo:
https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=tags