Skip to main content

Buttons, Links and Cards

Button Set

Buttons sets have similar style options as those found in bootstrap (Learn more about bootstrap). The main two styles used in the templates are Primary, and Secondary. It is advised to keep titles short. On larger screens, buttons appear next to each other, while on smaller screens (like cellphones), buttons appear stacked one on top of the other.

Card Group

Card groups help break up related content into manageable chunks for easier understanding, or as a teaser for longer articles/pages. The News Feed and Events Feed widgets discussed later in these guidelines use a slightly modified version of this Cards Group widget for styling.

Link Set

Link Sets offer a way to list a number of links and can be useful for lists of resources you visitors might need. Unlike button sets, Link sets are aligned vertically one under the other. Whether using Button or Link Sets, it is advised to keep titles short. Though Link Sets can support slightly longer titles, as they appear in a vertical list, very longer link titles will be truncated.

Back to Top