Skip to main content

Container

Group related components together for organized management and layout control.

Properties

PropertyTypeDescription
Name (name)stringUnique identifier for the container component
Header Area (isHeaderVisible)booleanWhether to show the container header
Footer Area (isFooterVisible)booleanWhether to show the container footer
Outline Style (outlineStyle)OutlineStyleOutline style of the container
Height Setting (isHeightFixed)booleanWhether to set a fixed height for the container content
Height (px) (contentHeight)stringFixed height of the container content
Padding (padding)string | numberPadding of the container's header, body, and footer
Hide Component (isHidden)booleanWhether to hide the container on the deployed page

Name (name)

Unique identifier for the container component. Please refer to the component naming rules

Header Area (isHeaderVisible)

Controls visibility of the container header.
When enabled, displays customizable header section.

Controls visibility of the container footer.
When enabled, displays customizable footer section.

Outline Style (outlineStyle)

Sets the component's outline style.
Options:

  • outlined: Displays bordered style
  • plain: Shows minimal style without border

Height Setting (isHeightFixed)

Controls height behavior of the component.
When set to 'auto', height adjusts automatically to content.

Height (px) (contentHeight)

Sets the component's vertical height.
Can be set through workflow results, direct input.

Padding (padding)

Applies the same padding to header, content and footer.

Sets internal spacing of the component.
Input options:

  • Single value: Uniform padding on all sides (e.g., 36)
  • Comma-separated values: Different padding per side (e.g., 36,24)
  • Expanded mode: Individual control of top, right, bottom, left

Hide Component (isHidden)

Controls visibility of the component.
When set to true:

  • Hidden in deployed view
  • Visible with reduced opacity in edit mode

Configurable section at the top of the container.
Available when header visibility is enabled.

Supports all standard components with full property configuration.

Content

Main content area of the container.
Supports all standard components with full property configuration.

Configurable section at the bottom of the container.
Available when footer visibility is enabled.
Supports all standard components with full property configuration.

States

PropertyTypeDescription
valueRecord<string, unknown>Values of components inside container content

Type Definitions

type OutlineStyle = 'outlined' | 'plain';