Buttons
Typedefs
Buttons ⇒ React.Element
Page Builder Buttons component.
This component is part of the Page Builder / PWA integration. It can be consumed without Page Builder.
Kind: global functional component
Returns: React.Element
- A React component that wraps ButtonItem components.
Param | Type | Description |
---|---|---|
props | props |
React component props |
props
Props for Buttons
Kind: global typedef
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 |
For implementation details View Source.
Typedefs
- props
Props for ButtonItem
ButtonItem ⇒ React.Element
Page Builder ButtonItem component.
This component is part of the Page Builder / PWA integration. It can be consumed without Page Builder.
Kind: global functional component
Returns: React.Element
- A React component that displays a button.
Param | Type | Description |
---|---|---|
props | props |
React component props |
props
Props for ButtonItem
Kind: global typedef
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 |
For implementation details View Source.