card icon box

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

card icon box v10.4.28

Shows a card with ribbon build-in.

In pins 7
  • title required
    value

    The title shown within this card.

  • icon required
    value

    The icon to be shown next to the text.

  • icon class
    uiclass

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

  • body required
    state

    Body to be shown within this card.

  • 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.

panel with icon

A typical wiring for card icon box: value feeds the title pin; value feeds the icon pin; the state out pin feeds get component child.

Studio canvas example for the card icon box block: typical wiring for card icon box.

Version history

Introduced in v10.4.28.


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