# NEW PLUGIN 🥳 Smaal Tags by Smaal.co

**URL:** <https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153>\
**Category:** Showcase\
**Created:** [December 23, 2020, 3:53pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153 "2020-12-23T15:53:07Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 3:53pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/1 "2020-12-23T15:53:07Z")

</div>

Hey everyone!

We just launched our first [Smaal.co](http://Smaal.co) plugin called Smaal Tags.

In nearly every project we end up with a reason to use a list of dynamic tags. And after building it so many times we decided to offer it as a plugin (paid).

This plugin is unique because it allows you to add an image to the tag alongside the dynamic text. This has been helpful for a few projects so far, and we’re already finding some awesome use-cases for it!

Lots of options already:

-Choose a list of tags, or reference just one item  
-Sizing, padding, margin, borders, corner radius, and more for the Text & Images  
-Move the image to the right side when needed  
-Flexibility over the tags background, hover, and selected colors  
-Left, center, or right-align the tags in their container (great for very specific designs)  
-Enable wrapping or leave as horizontally scrolling once the container becomes too small  
-AND actions! Turn multi-select on/off, and run actions when someone selects a specific tag or a list of tags. Or run an action when a tag is un-selected.

Here is a preview link: [https://smaal.bubbleapps.io/tags](https://smaal.bubbleapps.io/tags)

Editor link: [https://bubble.io/page?type=page&name=tags&id=smaal&test\_plugin=1608142756372x151739634744295420\_current&tab=tabs-1](https://bubble.io/page?type=page&name=tags&id=smaal&test_plugin=1608142756372x151739634744295420_current&tab=tabs-1)

If anyone has any feedback or feature requests let me know!

---

<div class="post-metadata">

**Author:** ![sharma.himanshu0608](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sharma.himanshu0608/32/81321_2.png) [@sharma.himanshu0608](https://forum.bubble.io/u/sharma.himanshu0608)\
**Post date:** [December 23, 2020, 3:57pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/2 "2020-12-23T15:57:02Z")

</div>

Can you change Editor settings to “Everyone can view”? I am not able to view the editor right now.

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 3:58pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/3 "2020-12-23T15:58:48Z")

</div>

Sorry about that! updated to be able to view 🙂

---

<div class="post-metadata">

**Author:** ![tzuork](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tzuork/32/80010_2.png) [@tzuork](https://forum.bubble.io/u/tzuork)\
**Post date:** [December 23, 2020, 4:22pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/4 "2020-12-23T16:22:52Z")

</div>

Hi @joe5,

Good job on the plugin!

Can you let me know what advantages there are of using your plugin versus doing it using a repeater group and building it that way?

I’m fairly new to [Bubble.io](http://Bubble.io) so appreciate the insight 🙂

- Ash 🧔🏽

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 4:35pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/5 "2020-12-23T16:35:01Z")

</div>

Hey!

Yes this plugin allows the use of dynamic-width text tags actually. With repeating groups you can’t make a dynamic-width text box.

Plus, with this plugin you can ALSO add an icon to that tag. Check out that preview link to see some examples of the use-cases.

If you’re new, might be worth trying to build the same with a repeating group just to get a feel for the wall you’ll hit!

---

<div class="post-metadata">

**Author:** ![tzuork](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tzuork/32/80010_2.png) [@tzuork](https://forum.bubble.io/u/tzuork)\
**Post date:** [December 23, 2020, 4:42pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/6 "2020-12-23T16:42:20Z")

</div>

Ah, missed the part about Dynamic Width, brilliant plugin. I tried to recreate something similar recently where the input box width would increase as I typed, couldn’t manage it for the life of me.

Make “dynamic width rich text” your second Plugin and I’ll be the first to purchase it!

I have a use case for this plugin so I’ll purchase shortly.

Thanks!

---

<div class="post-metadata">

**Author:** ![yorgio1024](https://avatars.discourse-cdn.com/v4/letter/y/f17d59/32.png) [@yorgio1024](https://forum.bubble.io/u/yorgio1024)\
**Post date:** [December 23, 2020, 6:02pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/7 "2020-12-23T18:02:00Z")

</div>

I can use the horizontal tags as quick replies and show a popus with dynamic content?

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [December 23, 2020, 6:05pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/8 "2020-12-23T18:05:48Z")

</div>

This is awesome, just in time for an app I’m developing

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 6:19pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/9 "2020-12-23T18:19:53Z")

</div>

Yes! You could use these for quick replies and trigger a popup to use that specific replies data type/text/etc ✌

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 6:20pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/10 "2020-12-23T18:20:08Z")

</div>

Awesome! Let me know if you need any help

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [December 23, 2020, 6:22pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/11 "2020-12-23T18:22:04Z")

</div>

Was just wondering how small the tags can be? I’m looking to add them inside a profile card that contain project details at around 13px, they should resemble buttons.

![Screenshot - 2020-12-23T192258.630](https://us1.discourse-cdn.com/bubble/original/3X/1/3/13373429613b0c66fd30500b981a8d9dde42b652.png)

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 6:33pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/12 "2020-12-23T18:33:09Z")

</div>

As small as you’d like! We give you full flexibility over size of the icon, size of the text, padding/margins/borders

Play around and let me know if you can’t get the result you need ✌

I’ll be sure to add sample sizes on the preview page for our plugin thanks to you wondering about this.

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [December 23, 2020, 7:57pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/13 "2020-12-23T19:57:14Z")

</div>

Can you perhaps add Events as well? That would be awesome. States are fine, but not always a great way to listen to changes.

Send me a message once that’s done and I’ll purchase at once 😃

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 9:00pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/14 "2020-12-23T21:00:47Z")

</div>

If you mean actions, they’re already available 😁

Selected and last un-selected

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [December 23, 2020, 9:24pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/15 "2020-12-23T21:24:43Z")

</div>

That’s cool, what I’m actually referring to is Events, this works similar to states, but it allows to execute the workflow directly by watching for changes on the Plugin.

Hope you can dive into this one. If not, no worries.

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 23, 2020, 11:14pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/16 "2020-12-23T23:14:38Z")

</div>

There are 2 events available (clicked tag and last un-selected tag) that are available to trigger actions. 😁 Sorry if I misunderstood originally!

---

<div class="post-metadata">

**Author:** ![myflappd](https://avatars.discourse-cdn.com/v4/letter/m/f14d63/32.png) [@myflappd](https://forum.bubble.io/u/myflappd)\
**Post date:** [December 24, 2020, 12:42am UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/17 "2020-12-24T00:42:06Z")

</div>

Will these tags go to next line without getting cut off if the space is not enough in the same row

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 24, 2020, 12:54am UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/18 "2020-12-24T00:54:26Z")

</div>

Yes! It includes a setting to wrap the list of tags to the next line if you want.

You can also leave that un-checked and the group will become horizontally scrolling when the group is too small. 👍

---

<div class="post-metadata">

**Author:** ![myflappd](https://avatars.discourse-cdn.com/v4/letter/m/f14d63/32.png) [@myflappd](https://forum.bubble.io/u/myflappd)\
**Post date:** [December 24, 2020, 1:19am UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/19 "2020-12-24T01:19:47Z")

</div>

That’s awesome! I was looking for just that. Please tell me it also opens a custom link for each tag

---

<div class="post-metadata">

**Author:** ![joe5](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/joe5/32/21213_2.png) [@joe5](https://forum.bubble.io/u/joe5)\
**Post date:** [December 26, 2020, 2:01pm UTC](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153/20 "2020-12-26T14:01:55Z")

</div>

Well it’d be whatever link you set for that data type.

So you’d want to have a list of items, and add a custom link field to that thing.

Use the event for when a tag is clicked, and run a workflow to open an external link and use that item’s custom link.

[Next page](https://forum.bubble.io/t/new-plugin-smaal-tags-by-smaal-co/127153.md?page=2)
