Buttons and ButtonItem
Buttons
Typedefs
Page Builder Buttons 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 ButtonItem components.
Parameters
| Name | Type | Description |
|---|---|---|
props | React component props |
Props for Buttons
Properties
| Name | Type | Description |
|---|---|---|
appearance | String | Sets buttons placement option |
classes | Object | An object containing the class names for the Buttons |
classes.root | String | CSS classes for the root container element |
classes.stacked | String | CSS class represents 'stacked' buttons placement option |
classes.inline | String | CSS class represents 'inline' buttons placement option |
isSameWidth | Boolean | Toggles buttons to have the same width inside the Buttons container |
textAlign | String | Horizontal alignment of the contents within the parent container |
border | String | CSS border property |
borderColor | String | CSS border color property |
borderWidth | String | CSS border width property |
borderRadius | String | CSS border radius property |
marginTop | String | CSS margin top property |
marginRight | String | CSS margin right property |
marginBottom | String | CSS margin bottom property |
marginLeft | String | CSS margin left property |
paddingTop | String | CSS padding top property |
paddingRight | String | CSS padding right property |
paddingBottom | String | CSS padding bottom property |
paddingLeft | String | CSS padding left property |
cssClasses | Array | List of CSS classes to be applied to the component |
Source Code: pwa-studio/packages/pagebuilder/lib/ContentTypes/Buttons/buttons.js
ButtonItem
Typedefs
- props
Props for ButtonItem
Page Builder ButtonItem 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 button.
Parameters
| Name | Type | Description |
|---|---|---|
props | React component props |
Props for ButtonItem
Properties
| Name | Type | Description |
|---|---|---|
buttonType | String | Sets button type option |
link | String | Url to the page opened when button clicked |
linkType | String | Type of the linked page |
openInNewTab | String | Toggles the option to open linked page in the new tab |
text | String | Button text |
textAlign | String | Button text align |
border | String | CSS border property |
borderColor | String | CSS border color property |
borderWidth | String | CSS border width property |
borderRadius | String | CSS border radius property |
marginTop | String | CSS margin top property |
marginRight | String | CSS margin right property |
marginBottom | String | CSS margin bottom property |
marginLeft | String | CSS margin left property |
paddingTop | String | CSS padding top property |
paddingRight | String | CSS padding right property |
paddingBottom | String | CSS padding bottom property |
paddingLeft | String | CSS padding left property |
cssClasses | Array | List of CSS classes to be applied to the component |
Source Code: pwa-studio/packages/pagebuilder/lib/ContentTypes/ButtonItem/buttonItem.js
