Skip to content

Alert Block ​

Type: Reference | Audience: Interface builder user

The Alert block shows a colored notification banner with a title and description. Use it to draw attention to messages, warnings, or errors inside a view.

The five Alert variants stacked vertically as the end user sees them. Top to bottom: Default (neutral, bell icon), Destructive (red, warning icon), Info (blue, info icon), Success (green, check icon), and Warning (yellow, warning icon). Each shows the variant name as the title and a one-sentence usage hint as the description.

Settings ​

SettingDescription
VariantThe color and icon style. Pick from Default, Destructive, Info, Success, Warning. In dynamic mode, bind the variant to data instead.
TitleThe alert's title text. Supports the Data Picker.
DescriptionThe alert's body text. Supports the Data Picker.

Variant modes ​

Variant has two modes — switch between them with the mode selector at the top of the Variant section:

  • Static — pick a specific variant (Default, Destructive, Info, Success, Warning).
  • Dynamic — bind the variant name to data via the Data Picker. The resolved value must match one of the static variant names; anything else falls back to the default style.

Style and Visibility ​

The Alert block also has the standard Block Style section (background, text, borders, radius) and Conditional Visibility section available to every block.