@snack-uikit/drop-zone
v0.7.2
Published
Зона загрузки файлов (обычная и скрытая)
Downloads
177
Readme
Drop Zone
Installation
npm i @snack-uikit/drop-zone
TODO
accept
правильно работает после клика, но не работает для drop- drop в
disabled
режиме приводит к открытию файла в отдельной вкладке (дефолтное поведение браузера) - Increase coverage
- Reconsider markup (button should contain no elements inside)
DropZone
Компонент - дропзона
Props
| name | type | default value | description |
|------|------|---------------|-------------|
| onFilesUpload* | (files: File[]) => void
| - | Колбек загрузки файла |
| title | string
| - | Заголовок |
| description | ReactNode
| - | Описание |
| disabled | boolean
| - | Деактивирован ли компонент |
| mode | enum UploadMode: "single"
, "multiple"
| multiple | Режим |
| accept | string
| - | Показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута |
| className | string
| - | CSS-класс |
HiddenDropZone
Компонент - скрытая дропзона
Props
| name | type | default value | description |
|------|------|---------------|-------------|
| onFilesUpload* | (files: File[]) => void
| - | Колбек загрузки файла |
| title | string
| - | Заголовок |
| description | ReactNode
| - | Описание |
| disabled | boolean
| - | Деактивирован ли компонент |
| mode | enum UploadMode: "single"
, "multiple"
| multiple | Режим |
| accept | string
| - | Показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута |
| className | string
| - | CSS-класс |
FileUpload
Props
| name | type | default value | description |
|------|------|---------------|-------------|
| onFilesUpload* | (files: File[]) => void
| - | Колбек загрузки файла |
| mode | enum UploadMode: "single"
, "multiple"
| multiple | Режим |
| accept | string
| - | Показывает пользователю в открывшемся диалоговом окне файлы типов, которые вы указываете в значении атрибута |