Button Collections

You can group sets of buttons together by wrapping your buttons with this shortcode.

Usage & Examples

This is a two part shortcode and requires an opening and closing tag with your buttons between.

[button-collection]
[button text="Button"]
[button text="Button"]
[button text="Button"]
[/button-collection]
ButtonButtonButton

Color Variations

Setting the color attributes of the buttons inside will set the button collection border color.

[button-collection]
[button text="Button" color="primary"]
[button text="Button" color="primary"]
[button text="Button" color="primary"]
[/button-collection]

[button-collection]
[button text="Button" color="accent"]
[button text="Button" color="accent"]
[button text="Button" color="accent"]
[/button-collection]

[button-collection]
[button text="Button" color="approve"]
[button text="Button" color="approve"]
[button text="Button" color="approve"]
[/button-collection]

[button-collection]
[button text="Button" color="caution"]
[button text="Button" color="caution"]
[button text="Button" color="caution"]
[/button-collection]

[button-collection]
[button text="Button" color="error"]
[button text="Button" color="error"]
[button text="Button" color="error"]
[/button-collection]

[button-collection]
[button text="Button" color="info"]
[button text="Button" color="info"]
[button text="Button" color="info"]
[/button-collection]

ButtonButtonButton

ButtonButtonButton

ButtonButtonButton

ButtonButtonButton

ButtonButtonButton

ButtonButtonButton