smarthr-ui-drop-zone · Design

ドラッグアンドドロップでのファイル選択を主目的としたコンポーネントです。広いドロップ領域でファイルをアップロードさせるときに使います。

ドラッグアンドドロップでファイル選択させるためのコンポーネントです。広いドロップ領域でファイルをアップロードさせるときに使います。

import

import { DropZone, DropZone } from 'smarthr-ui'

Props 名	型	デフォルト値	必須	説明
accept	string	-	-	許可するファイル型を表す1つ以上の固有ファイル型指定子（ドラッグ&ドロップの挙動には影響しません）
disabled	boolean	-	-	-
multiple	boolean	true	-	複数ファイルを選択できるかどうか
name	string	-	-	-
error	boolean	-	-	フォームにエラーがあるかどうか
onSelectFiles	(e: ChangeEvent \| DragEvent, files: FileList) => void	-	✓	ボタンまたはドラッグ&ドロップでファイルが追加された時に発火するコールバック関数
selectButtonLabel	string	-	-	ファイル選択ボタンのラベル

Props 名	型	デフォルト値	必須	説明
accept	string	-	-	許可するファイル型を表す1つ以上の固有ファイル型指定子（ドラッグ&ドロップの挙動には影響しません）
disabled	boolean	-	-	-
multiple	boolean	true	-	複数ファイルを選択できるかどうか
name	string	-	-	-
error	boolean	-	-	フォームにエラーがあるかどうか
onSelectFiles	(e: ChangeEvent \| DragEvent, files: FileList) => void	-	✓	ボタンまたはドラッグ&ドロップでファイルが追加された時に発火するコールバック関数
selectButtonLabel	string	-	-	ファイル選択ボタンのラベル

DropZone に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。