Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

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 ... | [...]

invalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isDisabled

非推奨

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

isInvalid

非推奨

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

isLoading

非推奨

説明

If true, display the dropzone loading icon.

非推奨

Use loading instead.

タイプ

boolean

デフォルト

false

isReadOnly

非推奨

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

isRequired

非推奨

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

loading

説明

If true, display the dropzone loading icon.

タイプ

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

readOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

required

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

size

説明

The size of the Dropzone.

タイプ

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

デフォルト

"sm"

variant

説明

The variant of the Dropzone.

タイプ

"dashed" | "solid" | "unstyled"

デフォルト

"dashed"

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

FileButtonSlider