Badge Block

Type: Reference | Audience: Interface builder user

The Badge block renders a small status label. Use it for tags, statuses, or categories inside your view.

Settings

Setting	Description
Variant	The badge's color style. Pick from the list below. In Data mode, bind the variant name to data.
Text	The badge's label. Supports the Data Picker.

Variant modes

The Variant field has two tabs:

• Select -- pick a specific variant from a dropdown.
• Data -- bind the variant name to data via the Data Picker. The resolved value must match one of the variant identifiers below; anything else falls back to the default style.

Variants

Display label	Identifier (Data mode)
Default	default
Destructive	destructive
Info	info
Success	success
Warning	warning
Secondary	secondary
Outline	outline
Pink	pink
Violet	violet
Light Blue	lightBlue
Disabled	disabled

Style and Visibility

The Badge block uses variant-based styling, so the Style sub-tab does not apply -- it shows an info message that custom block styles are not applied to badge components. The standard Visibility sub-tab works the same as for every other block. See Conditional Visibility.