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.

label

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

label v13.0.1 Updated v13.0.6

Represents a caption for an item in a user interface.

In pins 4
  • Text value required

    The text of the label element.

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

label
input label

A typical wiring for label: translate key feeds the text pin; the state out pin feeds div.

Studio canvas example for the label block: typical wiring for label.

Commonly used with

In production blueprints, this block is most often wired together with:

  • div: this block feeds into it. Creates a dynamic and customizable div element on your web page.
  • translate key: feeds into this block. Translates a given key.

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