Blocks Deprecated
Deprecated: use the web blocks for new pages This block belongs to state pages and UI components. Existing pages keep running, but new pages should use the web blocks. See Web Pages and the migration guide.

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 value required

    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