No notes defined.
- Handle: @input--file
- Variants (16): Color , Text , Date , Date/time , Email , File , Hidden , Month , Number , Password , Range , Search , Telephone , Time , URL , Week
- Preview:
- Filesystem Path: src/components/06-forms/Other/02-controls/input/input.hbs
- References (3): @control-wrapper, @label, @description
<form class="form">
<div class="form-control Page1">
<label for="field-1">Lorem ipsum dolor sit amet consectetur</label>
<div class="description" id="description-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id eum ipsam consequuntur excepturi mollitia cupiditate, exercitationem sequi. Aperiam, id consequatur?</div> <input id="field-1" type="file" name="Field_file_input" aria-describedby="description-1" />
</div>
</form>
<form class="form">
{{#> @control-wrapper}}
{{#*inline 'container'}}
{{#if label}}
{{> @label}}
{{/if}}
{{#if description}}
{{> @description}}
{{/if}}
<input id="field-{{pageId}}" type="{{#if type}}{{type}}{{else}}text{{/if}}" name="Field_{{name}}" {{#if size}} size="{{size}}" {{/if}} {{#if maxLength}} maxlength="{{maxLength}}" {{/if}} {{#if required}} required aria-required="true" {{/if}} {{#if disabled}} disabled {{/if}}{{#if value}} value="{{value}}"{{/if}}{{#if description}} aria-describedby="description-{{pageId}}"{{/if}} />
{{/inline}}
{{/@control-wrapper}}
</form>
{
"pageId": 1,
"label": "Lorem ipsum dolor sit amet consectetur",
"description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id eum ipsam consequuntur excepturi mollitia cupiditate, exercitationem sequi. Aperiam, id consequatur?",
"type": "file",
"name": "file_input",
"maxLength": null,
"size": null,
"required": null,
"disabled": null,
"ariaLabel": null
}