File input

Basic example

Темное на светлом

Не активный
Выключенный

Светлое на темном

С иконкой
Выключенный
<div class="sf-form sf-form-label">
    <input id="fileExample1-light" type="file" class="sf-form-file-input" />
    <input id="fileExample1-light" class="sf-form-control" type="text" />
    <label for="fileExample1-light">Выбрать файл</label>
</div>

Sizing

<div class="sf-form sf-form-label">
    <input id="fileExample1-sizing-sm" type="file" class="sf-form-file-input" />
    <input id="fileExample1-sizing-sm" class="sf-form-control sf-form-control-sm" type="text" />
    <label for="fileExample1-sizing-sm">Выбрать файл</label>
</div>
<div class="sf-form sf-form-label">
    <input id="fileExample1-sizing-md" type="file" class="sf-form-file-input" />
    <input id="fileExample1-sizing-md" class="sf-form-control" type="text" />
    <label for="fileExample1-sizing-md">Выбрать файл</label>
</div>
<div class="sf-form sf-form-label">
    <input id="fileExample1-sizing-lg" type="file" class="sf-form-file-input" />
    <input id="fileExample1-sizing-lg" class="sf-form-control sf-form-control-lg" type="text" />
    <label for="fileExample1-sizing-lg">Выбрать файл</label>
</div>

Multiple files

For uploading multiple files add a multiple attribute to the input

<div class="sf-form sf-form-label">
    <input id="fileExample1-multiple-md" type="file" multiple="" class="sf-form-file-input" />
    <textarea id="fileExample1-multiple-md" class="sf-form-control"></textarea>
    <label for="fileExample1-multiple-md">Выбрать файл</label>
</div>