Table of Contents
Buttons
Notes to editor:
- Buttons can be used for louder calls to action, but note they are primarily used in forms only.
- We have the option to display a single button or a row of buttons. That row can be left, center, or right aligned.
- Unfortunately changing the button style must be done manually for now by manipulating button classes. Eventually we hope to modify this plugin to make those styles more editor friendly.
Available Classes
- btn-primary (green)
- btn-secondary (brown)
- btn-reverse (white fill then green fill on hover)
- btn-inverse (green fill then orange fill on hover)
- btn-sm – Note to editors, this should be used when it is not the primary CTA, or when it accompanies smaller modules (like tables, or mini nuggets)
- To center a button, select the parent block to see alignment options
To center a button, be sure to add the ‘buttons’ block (not singular button) then change alignment to center.
Dropdowns (Custom HTML)
Editors should not need to implement dropdowns, but rather they will appear as part of page templates in a nav/filter bar
Info Box (Legacy and Kadence)
Info Boxes are used to highlight content in a small box, usually aligned to right side of page. Use the infobox block as needed. TODO: Link to Real World Example
Accordions
Editor Note: uses Kadence Blocks plugin
Tabs (Kadence)
Note to editor:
We have not implemented tabs on this site yet.
this is tab content
Share Post