a UX cocktail with a southern twist

Default Buttons

Use the .button class on an <a>, <button>, or <input> element.

Regular .button
Secondary .button-secondary
Success .button-success
Alert .button-alert

Button sizes

Want larger, smaller or supersmall buttons? Add .button-large, .button-small, or .button-tiny for additional sizes.

Create block level buttons, spanning the width of parent— by adding .button-block.

Block level button Block level button

Disable state

Anchor element

Add the .disabled class to <a> buttons.

Primary link Link

Button element

Add the .disabled attribute to <button> buttons.