Buttons

Cross browser compatibility

IE9 doesn’t crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

ButtonShortcodeDescription
[button style='1' caption='Default' link='button url'][/button]Standard gray button with gradient
[button style='2' caption='Primary' link='button url'][/button]Provides extra visual weight and identifies the primary action in a set of buttons
[button style='3' caption='Info' link='button url'][/button]Used as an alternative to the default styles
[button style='4' caption='Success' link='button url'][/button]Indicates a successful or positive action
[button style='5' caption='Warning' link='button url'][/button]Indicates caution should be taken with this action
[button style='6' caption='Danger' link='button url'][/button]Indicates a dangerous or potentially negative action
[button style='7' caption='Inverse' link='button url'][/button]Alternate dark gray button, not tied to a semantic action or use
[button style='8' caption='Link' link='button url'][/button]Deemphasize a button by making it look like a link while maintaining button behavior