outlined alert

This block is part of the state ui group and was last modified in core v13.0.6.

outlined alert v13.0.1 Updated v13.0.6

Generates outline styled information alert element with a icon next to the text.

In pins 6
  • text required
    value

    Text to be shown within the alert. Can be updated using state.value.

  • description
    value

    Description to be shown within the alert. Can be updated using state.description.

  • icon
    value

    Icon to be shown next to the text, be aware to include the icon font in your HTML/template. Icon can be updated using state.icon

  • class
    uiclass

    Assigns a CSS class to the element. • Hidden when unused

  • style
    uistyle

    Applies inline CSS style to the element • Hidden when unused

  • attributes
    uiattributes

    Adds custom attributes to the element. • Hidden when unused

Out pins 1
  • state
    state

    Returns the element to the frontend state.

A typical wiring for outlined alert: value feeds the value pin; the state out pin feeds get component child.

Studio canvas example for the outlined alert block: typical wiring for outlined alert.

Version history

Introduced in v13.0.1.

Last modified in v13.0.6.


Back to state ui Return to the main group to view all sub-groups Back to state elements Return to the group to view all blocks within this group