A ‘field’ wraps the various form inputs and provides context for layout—it has no visible styling.
A smaller field designed as a UI element, rather than a question, eg. toggle for passwords. This field does not use the enhanced focus styling of regular fields.
Automatially includes “Select all that apply” to discourage authors using the legend for this.
Optional legend to describe a group of inputs.
<div class="field">
<label class="label venus " for="text-input">
Your name
</label>
<input class="input input--text" type="text" id="text-input" />
</div>
/* No context defined for this component. */