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.

h1

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

h1 v13.0.1 Updated v13.0.6

A H1 element.

In pins 5
  • Content state required

    Integrates content or data from other elements. • Hidden when other fields are filled

  • Text value required

    The text of the h1 element. • Hidden when other fields are filled

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

h1
header 1

A typical wiring for h1: translate key feeds the content pin; multiple feeds the uistyle pin; translate key feeds the text pin; the state out pin feeds container.

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

Commonly used with

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

  • container: this block feeds into it. A div with the class container on it by default.
  • translate key: feeds into this block. Translates a given key and builds DOM nodes from the HTML within these keys.
  • div: this block feeds into it. Creates a dynamic and customizable div element on your web page.
  • custom text: feeds into this block.
  • multiple: feeds into this block. Multiple styling.
  • translate key: feeds into this block. Translates a given key.

Used in these guides

These documentation pages use or explain this block:

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