container

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

container v13.0.1 Updated v13.0.6

A div with the class container on it by default.

In pins 4
  • content required
    state

    Integrates content or data from other elements.

  • 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 container: div feeds the content pin; color feeds the uistyle pin; the state out pin feeds get component child.

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

Commonly used with

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

  • div: feeds into this block. Creates a dynamic and customizable div element on your web page.
  • h1: feeds into this block. A H1 element.
  • render: this block feeds into it. Sends the combined HTML to the frontend and renders the page into React components.
  • color: feeds into this block. CSS property sets the foreground color value of an element their text and text decorations, and sets the value.

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