Buttons
Typedefs
- props
- Props for [Buttons](#Buttons)
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 | 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
Typedefs
- props
- Props for [ButtonItem](#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 | 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