DropZone

Компонент, который позволяет пользователям загружать файлы, перетаскивая их в специальную область на странице.

Загружается...

Подкомпонент DropZone.Grid предназначен для расположения нескольких DropZone по заданной сетке. Можно выбрать направление расположения в строку или столбец с помощью свойства direction. При расположении в столбец первый компонент DropZone растягивается на всю доступную ширину.

Загружается...

Для более гибкой настройки внешнего вида можно использовать функцию-рендер, которая даёт доступ к свойству active, позволяющему определить, находится ли файл над специальной областью:

Загружается...
СвойствоОписание
childrenReactNode | ((renderProps: DropZonePropsChildrenProps) => ReactNode)

Содержимое компонента. Можно прокинуть функцию для отрисовки содержимого.

По умолчанию: -
getRootRefRef<HTMLDivElement>
По умолчанию: -
СвойствоОписание
direction"row" | "column"

Направление дочерних компонентов.

По умолчанию: column
getRootRefRef<HTMLDivElement>
По умолчанию: -