Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.6.3

Dropzone

Dropzoneは、ファイルをドラッグアンドドロップでアップロードするために使用されるコンポーネントです。

ソース@yamada-ui/dropzone

Props

DropzoneProps

accept

説明

File types to accept.

タイプ

string[] | Accept

colorScheme

説明

The visual color appearance of the component.

タイプ

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

errorBorderColor

説明

The border color when the input is invalid.

タイプ

"border" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 320 more ... | [...]

focusBorderColor

説明

The border color when the input is focused.

タイプ

"border" | BorderColor | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 320 more ... | [...]

isDisabled

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

isInvalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isLoading

説明

If true, display the dropzone loading icon.

タイプ

boolean

デフォルト

false

isReadOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

isRequired

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

loadingProps

説明

Props for dropzone loading icon element.

タイプ

LoadingProps

openRef

説明

Ref to a open function.

タイプ

type ONLY_FOR_FORMAT = | ((instance: (() => void | undefined) | null) => void) | MutableRefObject<(() => void | undefined) | null>

overlayProps

説明

Props for dropzone overlay element.

タイプ

FadeProps

size

説明

The size of the Dropzone.

タイプ

"xs" | "sm" | "md" | "lg" | "full"

デフォルト

"sm"

variant

説明

The variant of the Dropzone.

タイプ

"dashed" | "solid" | "unstyled"

デフォルト

"dashed"

GitHubでこのページを編集する

FileButtonSlider