columns
Overview
columns
allow developers to control the layout of a view and its components, which is particularly useful for medium and large screens.
On screens narrower than the 768px breakpoint value (i.e. smartphones as opposed to tablets), columns will be stacked — the components inside of them are rendered below each other as if they were not defined in columns.
Multiple columns
Columns now support multiple nested columns which enables use cases like the following:
Basic Example
Standard Attributes
None
Advanced Attributes
column-gap
column-gap
Version compatibility
column-gap
was introduced in version 4.86.1 of the JourneyApps Runtime.
Optional
Type: number
(a values in px)
Default: 48 px
Specify the width of the gap between columns.
column-order
column-order
Version compatibility
column-order
was introduced in version 4.86.1 of the JourneyApps Runtime.
Optional
Type: left-to-right
| right-to-left
Default: left-to-right
Specify the order of the columns.
show-if
and hide-if
show-if
and hide-if
Last updated