If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

Buttons

Typedefs

props

Props for Buttons

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.