<!-- FIELDSET -->
<fieldset class="rtds-input-field rtds-input-fieldset">
<legend class="rtds-input-field__label">
Legend fieldset
</legend>
<div class="rtds-grid sm:rtds-flex rtds-gap-4 sm:rtds-gap-6 sm:rtds-items-start">
<div class="rtds-input-field rtds-gap-1 sm:rtds-flex-1 ">
<label for="idField1" class="rtds-input-field__label rtds-sr-only">
Label campo 1
</label>
<div class="rtds-input">
<input id="idField1" class="rtds-text-sm rtds-input-placeholder" type="text" aria-describedBy="inputDesc1">
</div>
<span class="rtds-input-field__hint">
<span class="rtds-input-field__description" id="inputDesc1">
Descrizione campo 1
</span>
</span>
</div>
<div class="rtds-input-field rtds-gap-1 sm:rtds-flex-1 ">
<label for="idField2" class="rtds-input-field__label rtds-sr-only">
Label campo 2
</label>
<div class="rtds-input">
<input id="idField2" class="rtds-text-sm rtds-input-placeholder" type="text" aria-describedBy="inputDesc2">
</div>
<span class="rtds-input-field__hint">
<span class="rtds-input-field__description" id="inputDesc2">
Descrizione campo 2
</span>
</span>
</div>
</div>
</fieldset>
<!-- FIELDSET -->
<fieldset class="rtds-input-field rtds-input-fieldset">
<legend class="rtds-input-field__label">
Legend fieldset
</legend>
<div class="rtds-grid sm:rtds-flex rtds-gap-4 sm:rtds-gap-6 sm:rtds-items-start">
{% render '@input-field',{inputId: 'idField1',classes: 'sm:rtds-flex-1',hiddenLabel: true, inputType: 'text',label: 'Label campo 1',inputDescription:'Descrizione campo 1', inputAriaDescribedBy:'inputDesc1'} ,true %}
{% render '@input-field',{inputId: 'idField2',classes: 'sm:rtds-flex-1',hiddenLabel: true, inputType: 'text',label: 'Label campo 2',inputDescription:'Descrizione campo 2', inputAriaDescribedBy:'inputDesc2'} ,true %}
</div>
</fieldset>
/* No context defined. */
Demo for composite field.
Fieldset with multiple input field.
Fieldset legend is used al label for the inner fields.
Input fields label are visually hidden, but are defined for each fields.