How to create “tag-style” chips using Short List in the new Bubble Mobile Editor?

Mobile Beta
1

Hi everyone!
I’m building a mobile app using the new Bubble Mobile Editor, and I’m trying to create a set of tags/chips similar to the ones shown in the screenshot below:

image
image374×105 3.41 KB

How can I correctly configure Short List + ShortListItem so that each item behaves like a tag/chip — auto-sized to its text and wrapping to the next line?

Any guidance or examples would be greatly appreciated!
Thanks in advance!

2

Hi, For wrapping tags, set the parent Short List to Row layout with ‘Wrap when content overflows’ enabled, and ensure the ShortListItem has its Min Width set to 0.

3

I do not see the setting “Wrap when content overlfows”….Where did you see it?

4

Hi @olgahvesko ,

Thanks for reaching out!

If you’re looking for a tag/chip solution for your mobile app, you might want to check out our Mention and Tag plugin which could help achieve what you’re looking for: Mention and Tag Bubble Mobile

Hope this helps point you in the right direction!

Best,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3