Components

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

Form-container

The form-container component is used to define a specific amount of spacing below each form control. The amount of spacing is defined as a global variable.

Overall usage

Used as a container for all form controls - allowing authors to control the space below each form control.

Accessibility

N/A

---

.form-container

<div class="form-container">
  ...
</div>