<fieldset class="n7-input-field gap-2" aria-invalid="true">
<legend class="n7-input-field__label">
Radio fieldset
<abbr class="font-bold no-underline" title="obbligatorio">*</abbr>
</legend>
<div class="n7-input n7-input-field n7-input-radio has-error">
<div class="flex gap-2 items-center">
<input id="radioId" name="fieldsetName" class=" " type="radio" aria-describedBy="idInputDescription" aria-invalid="true">
<label class="input-radio__label" for="radioId">
label radiobutton
</label>
</div>
<span class="n7-input-field__hint">
</span>
</div>
<span class="n7-input-field__hint">
<span class="n7-input-field__error" id="radioErrorId" aria-live="assertive">
devi scegliere un'opzione per *nome campo*
</span>
<span class="n7-input-field__description" id="idInputDescription">
descrizione
</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-radio', radio, 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": "Radio fieldset",
"fieldsetName": "fieldsetName",
"radioCount": 3,
"inputId": "radioInput",
"inputErrorId": "radioErrorId",
"fieldsetRequired": true,
"fieldsetAriaInvalid": true,
"errorDescription": "devi scegliere un'opzione per *nome campo*",
"inputHasErrorControl": true,
"inputAriaDescribedBy": "idInputDescription",
"inputDescription": "descrizione",
"radio": {
"ariaInvalid": true,
"hasError": true,
"ariaDescribedBy": "idInputDescription"
}
}
Blocks: