<label for="text-field" class="" aria-label="">
Label <span class="required-marker" aria-hidden="true">*</span>
<input id="text-field" type="text" class="" placeholder="" value="" aria-describedby="text-note" disabled>
<p class="c-field__note " id="text-note">
Compila il campo
</p>
</label>
<label
for="{{ label_id }}"
class="{{ label_class }}"
aria-label="{{ screen-reader-text }}"
>
{{{ label_message }}} {{#if atom-input.required}}<span class="required-marker" aria-hidden="true">*</span>{{/if}}
{{#if label_has_tooltip}} <span class="c-tooltip--24h" data-js-tooltip-label="Espandi per sapere di più"
data-js-tooltip-icon="ic_error_orange_24px" data-js-bubble-class-position="c-tooltip__bubble--up">
<p data-toggletip><strong>Attenzione</strong>non è possibile acquistare con meno di 24 ore di anticipo dall'orario di
inizio della sosta.</p>
</span>{{/if}}
<input
id="{{ atom-input.id }}"
type="{{ atom-input.type }}"
class="{{ atom-input.class }}"
placeholder="{{ atom-input.placeholder }}"
value="{{ atom-input.value }}"
{{#if atom-input.hasNote}}
aria-describedby="{{ atom-input.describedby }}"
{{/if}}
{{#if atom-input.isInvalid}}
aria-invalid=”true”
{{/if}}
{{#if atom-input.isReadonly}}
readonly
{{/if}}
{{#if atom-input.isDisabled}}
disabled
{{/if}}
{{#if atom-input.jsEvent }}
{{{ atom-input.jsEvent }}}
{{/if}}
{{#if atom-input.maxLength }}
maxlength="{{ atom-input.maxLength }}"
{{/if}}
{{#if atom-input.multiple }}
multiple
{{/if}}
{{#if atom-input.name }}
name="{{ atom-input.name }}"
{{/if}}
{{#if atom-input.min-date}}
min="{{ atom-input.min-date }}"
{{/if}}
{{#if atom-input.autocomplete}}
autocomplete="{{ atom-input.autocomplete }}"
{{/if}}
>
{{#if hasCancelButton}}
<button type="button" aria-label="Elimina questo campo"><svg class="c-icon c-icon--18"><use xlink:href="#ic_cancel_black_24px"></use></svg></button>
{{/if}}
{{#if hasPasswordButton}}
<button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>
{{/if}}
{{#if atom-input.hasNote}}
<p class="c-field__note {{ note_class }}" id="{{ note_id }}">
{{{ note_message }}}
</p>
{{/if}}
</label>
{{#if file_list}}
<p class="c-field__note" id="{{ this.file_field_id }}" aria-hidden="true">
{{!-- Qui dentro viene stampata la lista dei file --}}
</p>
{{/if}}
{
"name": "default",
"label_id": "text-field",
"label_message": "Label",
"label_class": "",
"atom-input": {
"id": "text-field",
"type": "text",
"class": "",
"placeholder": "",
"required": true,
"hasNote": true,
"describedby": "text-note",
"isDisabled": true
},
"note_id": "text-note",
"note_message": "Compila il campo",
"note_class": ""
}
No notes defined.