Typedefs

[props]

Props for Column

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

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