Doghouse UiKit

1.4 #Buttons.4-button-set Button set

Toggle example guides Toggle HTML markup

Applied to a parent wrapper, will set all child links to use the button style. Defaults to primary button.

Examples
Default styling

Link button

.button-set--primary
Primary button style

Link button

.button-set--secondary
Secondary button style

Link button

.button-set--tertiary
Tertiary button style

Link button

.button-set--small
Small button style

Link button

.button-set--large
Large button style

Link button

Markup
 <p class="button-set [modifier class]">
  <a href="#">Link button</a>
  <button>Button tag</button>
  <input type="submit" value="Submit button" />
 </p>
Source: scss/objects/_button.scss, line 74