Dropzone

Компонент для загрузки файлов, без отображения индикации загрузки. Компонент не предполагает наличия валидации, так как является частью Upload. Но валидацию можно задать с помощью callback validator.

Быстрый старт

Live Editor

Result

Растягивание

С помощью свойства stretch компонент растягивается на всю доступную ширину:

Live Editor

Result

Множественный выбор

С помощью свойства multiple можно разрешить выбор нескольких файлов одновременно:

Live Editor

Result

Контролируемый режим

Компонент поддерживает контролируемый режим через свойство files. При изменении списка файлов снаружи (например, при удалении) компонент автоматически сбрасывает состояние инпута, что позволяет повторно выбрать тот же файл:

Live Editor

Result

Валидация

С помощью свойства validator можно задать функцию валидации файлов. Она вызывается перед onDrop и onChoseFiles и должна вернуть объект с acceptedFiles и опционально rejectedFiles:

Live Editor

Result