regular card

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

regular card v13.0.1 Updated v13.0.6

Shows a regular card.

In pins 12
  • title required
    value

    The title shown within this card.

  • title class
    uiclass

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

  • title style
    uistyle

    Applies inline CSS style to the element • Hidden when unused

  • title icon
    value

    The icon shown next to the title.

  • sub_title
    value

    The subtitle shown within this card.

  • header class
    uiclass

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

  • toolbar
    state

    Content to be shown within the headers right-side.

  • body required
    state

    Body to be shown within this card.

  • footer
    state

    Footer to be shown within this card. If no footer given, the footer part will be hidden.

  • 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

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

Studio canvas example for the regular card block: typical wiring for regular card.

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