layout.columns
A component for placing content in columns.
Use it to customize the display of content: set the column width and adjust the vertical alignment of content.
Component properties
Name | Type | Description |
---|---|---|
type * | "layout.columns" | Set component type |
fullHeight | boolean | Switches the component to column mode at full height and with individual scrolling. Otherwise, the height is determined by the height of the column that is filled in the most. |
items * | array | Columns to divide the interface into. |
items[] | view | Column content. |
minWidth | number | The minimum width of the component; if it is narrower, columns are output sequentially, one by one. |
ratio | array | An array of values that specify the relative width of columns. For example, if you have 3 columns, the value If the number of columns exceeds the number of values in the If the number of columns is less than the number of values in the |
ratio[] | number | Relative column width. |
validation | condition | Validation based on condition. |
verticalAlign | string | Vertical alignment of column content:
|
Name | Type | Description |
---|---|---|
type * | "layout.columns" | Set component type |
fullHeight | boolean | Switches the component to column mode at full height and with individual scrolling. Otherwise, the height is determined by the height of the column that is filled in the most. |
items * | array | Columns to divide the interface into. |
items[] | view | Column content. |
minWidth | number | The minimum width of the component; if it is narrower, columns are output sequentially, one by one. |
ratio | array | An array of values that specify the relative width of columns. For example, if you have 3 columns, the value If the number of columns exceeds the number of values in the If the number of columns is less than the number of values in the |
ratio[] | number | Relative column width. |
validation | condition | Validation based on condition. |
verticalAlign | string | Vertical alignment of column content:
|