Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.6.3

FileInput

FileInputは、ユーザーがファイルを選択するために使用されるコンポーネントです。

ソース@yamada-ui/file-input

Props

FileInputProps

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"

component

説明

The component that displays uploaded files.

タイプ

FC<{ index: number; value: File }>

defaultValue

説明

The initial value of the file input.

タイプ

File[]

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

format

説明

A callback that formats the name of the uploaded file.

タイプ

(value: File, index: number) => string

isDisabled

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

isInvalid

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

isReadOnly

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

isRequired

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

onChange

説明

Function to be called when a file change event occurs.

タイプ

(files: File[] | undefined) => void

resetRef

説明

Ref to a reset function.

タイプ

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

separator

説明

The string to separate uploaded files.

タイプ

string

デフォルト

','

size

説明

The size of the FileInput.

タイプ

"xs" | "sm" | "md" | "lg" | "xl"

デフォルト

"md"

value

説明

The value of the file input.

タイプ

File[]

variant

説明

The variant of the FileInput.

タイプ

"filled" | "flushed" | "outline" | "unstyled"

デフォルト

"outline"

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

ColorPickerFileButton