The Tag component can quickly display tags on, for example, a detail page. An optional delete button can be added which can be configured using Actions.

Adding a tag

To add the Tag component, you can click Component > Tag.

By default the Tag component is full with, but when you add them it to a Container, set the Direction setting to Row and Horizontal Align to Left or Right it will look like the screenshot above.

Customizing the tag

To customize the tag, you have several settings in the Settings PanelSettings Panel - The Settings Panel is where you can configure every property of a design element. By default this is displayed, when clicking an element when you're in the Budibase Design Section, on the right. you can use.

Setting

Description

Size

The size of text, choose between small, medium or large.

Color

Choose the color of the button, the text color will change accordingly.

Show Delete Icon

Will add a X to the tag which is clickable

On click delete icon

This setting will appear when the Show Delete Icon setting is checked. This will allow you to configure what happens when the user clicks the X using Actions.


Did this page help you?