Components

• Introduction
• Link
• List
• Description-list
• Table
• Button
• Button-group
• Input
• Select
• Textarea
• Checkbox
• Radio-group
• Segmented-control
• Content-container
• Form-container
• Media
• Summary
• Skip-link
• Header
• Footer
• Icons

Button-group

The button-group component represents a set of button or link components that are aligned to the left and right edges of the container.

Overall usage

• Used to provide navigation forward and backwards to different URLs or different steps within a form.
• Can contain button or link components

Accessibility

• Within the button-group, use link components when sending users to a new URL and button components when allowing users to submit data or to trigger an event.

---

.button-group

<div class="button-group">
  <div class="u-float-left">
    <a href="#" class="link--primary">Previous</a>
  </div>
  <div class="u-float-right">
    <a href="#" class="link--primary">Next</a>
  </div>
</div>