Skip to main content

Container mobile component

Group components in a container.

A container to group other mobile components together. It supports a row layout to display nested mobile components horizontally.

Container

Properties

align
'flex-start' │ 'center' │ 'flex-end'

The vertical alignment of nested components when layout is set to row.

cornerType
'square' │ 'round'

The corner style.

gap
'0' │ '4' │ '8' │ 12' │ '16' │ '24' │ 32' │ '48' │ '64' │ '128' │ '256'

The gap between nested components.

hidden
boolean

Whether the component is visible.

id
string

The name of the component.

justify
'flex-start' │ 'center' │ 'flex-end' │ 'space-between'

The justified alignment of nested components with fixed widths.

layout
'row' │ 'column'

Whether components are rendered horizontally or vertically.

padding
object[]

The padding applied to the component.

pluginType
string

The component type.

width
'full' │ 'fixed'

Whether the component's width is full or fixed.