Fields

Fields are rendered on content displays (nodes, blocks, users, etc).

.field {
  margin-bottom: 1rem;
}
<div class="field field--name-field-frequency field--type-entity-reference field--label-above">
    <div class="field__label">
        Frequency
    </div>
    <div class="field__item">
        Daily
    </div>
</div>

Fields have a label that can be hidden, above, or inline.

Fences

The Fences module lets you configure field and wrapper tags and classes for a low-code workflow.

To support fences, it's field.html.twig is used in the theme.

The template only works with fences installed, so it is required.

TODO: Use template only if fences is enabled. Consider making a field component that can be inherited in other templates.