Column and ColumnGroup
Column
Typedefs
Page Builder Column component.
This component is part of the Page Builder / PWA integration. It can be consumed without Page Builder.
Returns:
React.Element
— A React component that displays a Column.
Parameters
Name | Type | Description |
---|---|---|
props | React component props |
Props for Column
Properties
Name | Type | Description |
---|---|---|
appearance | String | Converts to CSS align-self sub-property of the flexbox item |
backgroundAttachment | String | CSS background-attachment property |
backgroundColor | String | CSS background-color property |
backgroundPosition | String | CSS background-position property |
backgroundRepeat | String | CSS background-repeat property |
backgroundSize | String | CSS background-size property |
border | String | CSS border property |
borderColor | String | CSS border color property |
borderRadius | String | CSS border radius property |
borderWidth | String | CSS border width property |
classes | Object | An object containing the class names for the Column |
classes.root | String | CSS classes for the root container element |
cssClasses | Array | List of CSS classes to be applied to the component |
desktopImage | String | Background image url to be used for desktop screen width |
marginBottom | String | CSS margin bottom property |
marginLeft | String | CSS margin left property |
marginRight | String | CSS margin right property |
marginTop | String | CSS margin top property |
maxWidth | String | Maximum width of the video |
mediaQueries | Array | List of media query rules to be applied to the component |
minHeight | String | CSS min-height property |
mobileImage | String | Background image url to be used for mobile screen width |
paddingBottom | String | CSS padding bottom property |
paddingLeft | String | CSS padding left property |
paddingRight | String | CSS padding right property |
paddingTop | String | CSS padding top property |
textAlign | String | Horisontal alignment of the contents within the parent container |
verticalAlignment | String | Vertical alignment of the contents within the parent container |
width | String | CSS width property |
Source Code: pwa-studio/packages/pagebuilder/lib/ContentTypes/Column/column.js
ColumnGroup
Typedefs
- props
Props for ColumnGroup
Page Builder ColumnGroup component.
This component is part of the Page Builder / PWA integration. It can be consumed without Page Builder.
Returns:
React.Element
— A React component that wraps Column components.
Parameters
Name | Type | Description |
---|---|---|
props | React component props |
Props for ColumnGroup
Properties
Name | Type | Description |
---|---|---|
classes | Object | An object containing the class names for the ColumnGroup |
classes.root | String | CSS classes for the root container element |
display | String | CSS display property |
Source Code: pwa-studio/packages/pagebuilder/lib/ContentTypes/ColumnGroup/columnGroup.js