<fieldset class="n7-input-field gap-2">
<legend class="n7-input-field__label">
Check fieldset
<abbr class="font-bold no-underline" title="obbligatorio">*</abbr>
</legend>
<div class="n7-input n7-input-field n7-input-checkbox">
<div class="flex gap-2 items-center">
<input id="checkboxId" name="checkboxId" class=" " type="checkbox" aria-required="true" aria-describedBy="">
<label class="n7-input-checkbox__label" for="checkboxId">
Label checkbox
<abbr class="font-bold no-underline" title="obbligatorio">*</abbr></label>
</div>
</div>
<span class="n7-input-field__hint">
<span class="n7-input-field__error" id="checkboxFieldsetError" aria-live="assertive">
</span>
</span>
</fieldset>
<fieldset class="n7-input-field gap-2{% if fieldsetClasses %} {{ fieldsetClasses }}{% endif %}"{% if fieldsetAriaInvalid %} aria-invalid="true"{% endif %}>
<legend class="n7-input-field__label{% if legendClasses %} {{ legendClasses }}{% endif %}">
{{ legend }}
{% if fieldsetRequired %}
<abbr class="font-bold no-underline" title="obbligatorio">*</abbr>
{% endif %}
</legend>
{% render '@input-checkbox', checkbox, true %}
{% if fieldsetRequired or inputAriaDescribedBy or inputHasErrorControl %}
<span class="n7-input-field__hint">
{% if fieldsetRequired or inputHasErrorControl %}
<span class="n7-input-field__error" id="{{ inputErrorId }}" aria-live="assertive">
{{ errorDescription }}
</span>
{% endif %}
{% if inputDescription %}
<span class="n7-input-field__description" id="{{ inputAriaDescribedBy }}">
{{ inputDescription }}
</span>
{% endif %}
</span>
{% endif %}
</fieldset>
{
"legend": "Check fieldset",
"checkboxCount": 3,
"inputId": "checkboxBase",
"fieldsetName": "checkboxGroup",
"inputErrorId": "checkboxFieldsetError",
"fieldsetRequired": true,
"inputHasErrorControl": true,
"fieldsetAriaInvalid": false,
"inputAriaDescribedBy": null,
"errorDescription": null,
"inputDescription": null,
"checkbox": {
"name": "checkboxGroup",
"inFieldset": true,
"fieldRequired": true
}
}