mantine.dropzone — io.github.unisoma/mantine-ui-wrapper 9.5.0.0-SNAPSHOT

Mantine @mantine/dropzone 9.5.0 wrappers (generated, supplement hoisted from codegen/supplements/).

dropzone clj/s

Dropzone — Capture files from user with drag and drop

https://mantine.dev/x/dropzone

Props (docgen 9.5.0):

• accept string[] | Accept — Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types.
• acceptColor MantineColor (default theme.primaryColor) — Key of theme.colors or any valid CSS color to set colors of Dropzone.Accept
• activateOnClick boolean — If false, disables click to open the native file selection dialog
• activateOnDrag boolean — If false, disables drag 'n' drop
• activateOnKeyboard boolean — If false, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state.
• autoFocus boolean — Set to autofocus the root element
• disabled boolean (default false) — Determines whether files capturing should be disabled
• dragEventsBubbling boolean — If false, stops drag event propagation to parents
• enablePointerEvents boolean (default false) — Determines whether pointer events should be enabled on the inner element
• getFilesFromEvent (event: DropEvent) => Promise<(File | DataTransferItem)[]> — Use this to provide a custom file aggregator
• inputProps InputHTMLAttributes<HTMLInputElement> — Props passed down to the internal Input component
• loaderProps LoaderProps — Props passed down to the Loader component
• loading boolean (default false) — Determines whether a loading overlay should be displayed over the dropzone
• maxFiles number — Maximum number of files that can be picked at once
• maxSize number — Maximum file size in bytes
• multiple boolean (default true) — Determines whether multiple files can be dropped to the dropzone or selected from file system picker
• name string — Name of the form control. Submitted with the form as part of a name/value pair.
• onDragEnter (event: DragEvent<HTMLElement>) => void — Called when the dragenter event occurs
• onDragLeave (event: DragEvent<HTMLElement>) => void — Called when the dragleave event occurs
• onDragOver (event: DragEvent<HTMLElement>) => void — Called when the dragover event occurs
• onDrop (files: FileWithPath[]) => void (required) — Called when valid files are dropped to the dropzone
• onDropAny (files: FileWithPath[], fileRejections: FileRejection[]) => void — Called when any files are dropped to the dropzone
• onFileDialogCancel () => void — Called when user closes the file selection dialog with no selection
• onFileDialogOpen () => void — Called when user opens the file selection dialog
• onReject (fileRejections: FileRejection[]) => void — Called when dropped files do not meet file restrictions
• openRef Ref<() => void> | undefined — A ref function which when called opens the file system file picker
• preventDropOnDocument boolean — If false, allow dropped items to take over the current browser window
• radius MantineRadius | number (default theme.defaultRadius) — Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem
• rejectColor MantineColor (default 'red') — Key of theme.colors or any valid CSS color to set colors of Dropzone.Reject
• useFsAccessApi boolean (default false) — Set to true to use the File System Access API to open the file picker instead of using an input type="file" click event
• validator <T extends File>(file: T) => FileError | FileError[] | null — Custom validation function. It must return null if there's no errors.

Optional leading props map; remaining args are children.

dropzone-accept clj/s

Dropzone.Accept — compound part of Dropzone (docgen omits it); renders its children only while dragged files are accepted. Optional leading props map; remaining args are children.

dropzone-full-screen clj/s

DropzoneFullScreen

Props (docgen 9.5.0):

• accept string[] | Accept — Mime types of the files that dropzone can accepts. By default, dropzone accepts all file types.
• acceptColor MantineColor (default theme.primaryColor) — Key of theme.colors or any valid CSS color to set colors of Dropzone.Accept
• activateOnClick boolean — If false, disables click to open the native file selection dialog
• activateOnDrag boolean — If false, disables drag 'n' drop
• activateOnKeyboard boolean — If false, disables Space/Enter to open the native file selection dialog. Note that it also stops tracking the focus state.
• active boolean (default true) — Determines whether user can drop files to browser window
• autoFocus boolean — Set to autofocus the root element
• disabled boolean (default false) — Determines whether files capturing should be disabled
• dragEventsBubbling boolean — If false, stops drag event propagation to parents
• enablePointerEvents boolean (default false) — Determines whether pointer events should be enabled on the inner element
• getFilesFromEvent (event: DropEvent) => Promise<(File | DataTransferItem)[]> — Use this to provide a custom file aggregator
• inputProps InputHTMLAttributes<HTMLInputElement> — Props passed down to the internal Input component
• loaderProps LoaderProps — Props passed down to the Loader component
• loading boolean (default false) — Determines whether a loading overlay should be displayed over the dropzone
• maxFiles number — Maximum number of files that can be picked at once
• maxSize number — Maximum file size in bytes
• multiple boolean (default true) — Determines whether multiple files can be dropped to the dropzone or selected from file system picker
• name string — Name of the form control. Submitted with the form as part of a name/value pair.
• onDragEnter (event: DragEvent<HTMLElement>) => void — Called when the dragenter event occurs
• onDragLeave (event: DragEvent<HTMLElement>) => void — Called when the dragleave event occurs
• onDragOver (event: DragEvent<HTMLElement>) => void — Called when the dragover event occurs
• onDrop (files: FileWithPath[]) => void (required) — Called when valid files are dropped to the dropzone
• onDropAny (files: FileWithPath[], fileRejections: FileRejection[]) => void — Called when any files are dropped to the dropzone
• onFileDialogCancel () => void — Called when user closes the file selection dialog with no selection
• onFileDialogOpen () => void — Called when user opens the file selection dialog
• onReject (fileRejections: FileRejection[]) => void — Called when dropped files do not meet file restrictions
• openRef Ref<() => void> | undefined — A ref function which when called opens the file system file picker
• portalProps Omit<BasePortalProps, "withinPortal"> — Props to pass down to the portal when withinPortal is true
• preventDropOnDocument boolean — If false, allow dropped items to take over the current browser window
• radius MantineRadius | number (default theme.defaultRadius) — Key of theme.radius or any valid CSS value to set border-radius, numbers are converted to rem
• rejectColor MantineColor (default 'red') — Key of theme.colors or any valid CSS color to set colors of Dropzone.Reject
• useFsAccessApi boolean (default false) — Set to true to use the File System Access API to open the file picker instead of using an input type="file" click event
• validator <T extends File>(file: T) => FileError | FileError[] | null — Custom validation function. It must return null if there's no errors.
• withinPortal boolean (default true) — Determines whether component should be rendered within Portal
• zIndex React.CSSProperties["zIndex"] (default 9999) — Z-index value

Optional leading props map; remaining args are children.

dropzone-idle clj/s

Dropzone.Idle — compound part of Dropzone (docgen omits it); renders its children only while no drag is in progress. Optional leading props map; remaining args are children.

dropzone-reject clj/s

Dropzone.Reject — compound part of Dropzone (docgen omits it); renders its children only while dragged files are rejected. Optional leading props map; remaining args are children.