Skip to main content

Main Content

Button

Description

Simple button element to aid in creating interactive design.

Default Style

Example Markup

<button value="decanter" name="button-13" class="su-button [ modifier_class ]" type="button">Button Label</button>

Style Variants

.su-button--secondary

Secondary button

Example Markup

<button value="decanter" name="button-13" class="su-button su-button--secondary" type="button">Button Label</button>

.su-button--big

Big button

Example Markup

<button value="decanter" name="button-13" class="su-button su-button--big" type="button">Button Label</button>