DropZone
Компонент, который позволяет пользователям загружать файлы, перетаскивая их в специальную область на странице.
Загружается...
Структура
Подкомпонент DropZone.Grid
предназначен для расположения нескольких DropZone
по заданной сетке.
Можно выбрать направление расположения в строку или столбец с помощью свойства direction
.
При расположении в столбец первый компонент DropZone
растягивается на всю доступную ширину.
Загружается...
Функция-рендер
Для более гибкой настройки внешнего вида можно использовать функцию-рендер, которая даёт доступ к свойству active
,
позволяющему определить, находится ли файл над специальной областью:
Загружается...
Свойства и методы
DropZone
Свойство | Описание |
---|---|
children | ReactNode | ((renderProps: DropZonePropsChildrenProps) => ReactNode) Содержимое компонента. Можно прокинуть функцию для отрисовки содержимого. По умолчанию: - |
getRootRef | Ref<HTMLDivElement> По умолчанию: - |
DropZone.Grid
Свойство | Описание |
---|---|
direction | "row" | "column" Направление дочерних компонентов. По умолчанию: column |
getRootRef | Ref<HTMLDivElement> По умолчанию: - |