A number or status mark over an element. Badges are typically used for buttons or icons.

By default, a badge has 2 parts:

  1. A section to insert another element.

  2. The badge indicator, which is a red Text element.

For example, this is what it will look like when you drag a button into a badge element.


No properties. See Tooltip for tooltip configurations.

Supported Events

No supported events.

Supported Actions

Set Data: Change element data. See Data Store.

Set Loading: Set loading animation. See Set loading animations.

Visit Interactions for more on events and actions.

Last updated