fieldset

Fieldsets should be used to wrap multiple different form elements which belong together in terms of content. E.g. form elements describing a delivery address should be wrapped in one fieldset and form elements describing an invoice address should be wrapped in another fieldset.

Information

Folder: src/components/elements/form/fieldset

Files

Schema

Mocks

Template

// src/components/elements/form/fieldset/fieldset.twig

<fieldset{{ attributes }} class="Fieldset {{ classes|join(" ") }}">
	<legend{{ legend_attributes }} class="Fieldset-legend">
		<span{{ title_attributes }} class="Fieldset-label">{{ title }}</span>
	</legend>
	<div class="Fieldset-wrapper">
		{% if prefix %}
			<span class="Fieldset-prefix">{{ prefix }}</span>
		{% endif %}
		{{ children }}
		{% if suffix %}
			<span class="Fieldset-suffix">{{ suffix }}</span>
		{% endif %}
		{% if errors %}
			<div class="Fieldset-error">
				{% include "@elements/error/error.twig" with {
					content: errors,
				} only %}
			</div>
		{% endif %}
		{% if description %}
			<p{{ description_attributes }} class="Fieldset-description">{{ description }}</p>
		{% endif %}
	</div>
</fieldset>

Variants

default

Open

complete

Open