accept
Description
File types to accept.
Type
string[] | AcceptDropzone
Dropzone is a component used for uploading files via drag and drop.
Props
DropzoneProps
colorScheme
Description
The visual color appearance of the component.
Type
"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
Description
The border color when the input is invalid.
Type
"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
Description
The border color when the input is focused.
Type
"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
Description
If true, the form control will be disabled.
Type
booleanDefault
falseisInvalid
Description
If true, the form control will be invalid.
Type
booleanDefault
falseisLoading
Description
If true, display the dropzone loading icon.
Type
booleanDefault
falseisReadOnly
Description
If true, the form control will be readonly.
Type
booleanDefault
falseisRequired
Description
If true, the form control will be required.
Type
booleanDefault
falseloadingProps
Description
Props for dropzone loading icon element.
Type
LoadingPropsopenRef
Description
Ref to a open function.
Type
type ONLY_FOR_FORMAT =
| ((instance: (() => void | undefined) | null) => void)
| MutableRefObject<(() => void | undefined) | null>overlayProps
Description
Props for dropzone overlay element.
Type
FadePropssize
Description
The size of the Dropzone.
Type
"xs" | "sm" | "md" | "lg" | "full"Default
"sm"variant
Description
The variant of the Dropzone.
Type
"dashed" | "solid" | "unstyled"Default
"dashed"Edit this page on GitHub