Button set

This component serves as the buttons under the side menu and as button components on your page.

Page field	Data
modular-button-column-1	{ "id":000000, "heading":"Buttons", "config":"limit:3" }
modular-button-row-1	{ "id":000000, "heading":"Buttons", "config":"limit:3", "columns":3 }

Promotion group details

Available fields
Title	Text to appear on the button.
Link	Your URL. When linking to a pdf, "(pdf)" is added automatically.
Excerpt	Add a 2-3 word second line of text.
Options	Default: Default, Green, Image, Green gradient
Primary image	Icons: 40x40px PNG, SVG Images: 600x218px JPG, PNG recommended with descriptive alternative text. Text within the image is not allowed; it cannot maintain readability when scaled.
Secondary image	SVG overlay image of the same dimensions as the primary image. Text can be used within the SVG because it is scalable. You must provide enough contrast between the background and overlay image to meet accessibility standards. Secondary image alternative text not used.

Button row

Button column

Button appearance examples

A button's appearance depends on which fields you add to the promotion item.

For "Default" and "Green" buttons, the excerpt displays as a second line line of text, and the primary image displays as a small icon next to either one or two lines of text.

For "Image" buttons, a primary and secondary image create a layered effect. None of the text fields are used when "Image" is selected.

Default buttons