Allows content to be displayed in two columns.
If screen space is limited, the contents will be collapsed into a single column.
columns {
left {
heading {
text = "Money for here, there and everywhere"
}
}
right {
paragraph {
text = "Sending money shouldn't cost the earth. That's why we charge you as little as possible when you transfer and exchange money internationally – you can save up to 9x compared to UK high street banks."
}
}
}| Property | Type | Required | Description |
|---|---|---|---|
analyticsId | String | No | An optional identifier to be used in analytics tracking. |
bias | ColumnsLayout.Bias | No | Indicates which column, if any, will be given more visual weight. Defaults to none. |
control | String | No | Specify a particular control to use to represent the layout. If the control is unknown, it will be ignored. |
left | Array<Layout> | Yes | An array of layout components to display in the left column. |
margin | Size | No | The vertical margin to apply after this component. Defaults to md. |
right | Array<Layout> | Yes | An array of layout components to display in the right column. |
| Array<String> | No | An optional list of identifiers used to configure renderers.
|
type | String | Yes | It must be columns. |
Values for the bias property.
| Value | Description |
|---|---|
left | The left column will be given more visual weight |
none | Both columns will have equal visual weight |
right | The right column will be given more visual weight |