File input

Displays a file input.

Fileinput


Notice: Undefined variable: filesMax in /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Fileinput/Fileinput.php on line 16

<br />
<b>Notice</b>:  Undefined variable: filesMax in <b>/mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Fileinput/Fileinput.php</b> on line <b>16</b><br />
<!-- fileinput.blade.php -->

<div id="61efb54c42761" class="c-fileinput unlist c-fileinput--area" data-uid="61efb54c4275b">

<input type="file" class="c-fileinput__input " name="files[]" id="fs_61efb54c42761" accept="audio/*,video/*,image/*" multiple />
    <label for="fs_61efb54c42761" class="c-fileinput__label">
        
        <!-- icon.blade.php -->
    <i id="61efb54c42b07" class="c-icon c-icon--color-white c-icon--size-md material-icons" translate="no" role="img" alt="" data-uid="61efb54c42b02">
                    file_upload
            </i>

        
            Choose files...
        

    </label>

    <!-- pagination.blade.php -->
  <ul id="61efb54c42761_filecontainer" class="c-listing" data-uid="61efb54c42bc4">
     
      
        
                <li class="c-listing__item c-listing__item-0">
          <span class="c-listing__label">
                      </span>
           
        </li>
        
      
  </ul>
</div>
@fileinput([
    'classList' => ['unlist'],
    'display' => 'area',
    'multiple' => true,
    'label' => 'Choose files...'
])
@endfileinput

Blade component parameters

Key Default value Type Available values Description
display string - Display input uploader as button or area
name files string - files
accept audio/*,video/*,image/* string - audio/*,video/*,image/*
multiple false boolean - Allow single or multiple files
beforeLabel string - Insert before label
afterLabel string - Input label
label string - Insert after label
icon file_upload string - @link:component/icon
id string - The DOM id of the component.
classList [] array - Array containing wrapping classes array
attributeList [] array - Array containing keys and values rendered as attributes
containerAware false boolean true/false Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.
Settings location: /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Fileinput/fileinput.json