Appearance
Interface: ShowFileUploadOptions
Defined in: src/file/getMwFile.tsx:135
The options to configure the file upload dialog.
Extends
Properties
| Property | Type | Description | Inherited from | Defined in |
|---|---|---|---|---|
fileUploadTitle | ReactNode | The title of the file upload dialog. | - | src/file/getMwFile.tsx:139 |
uploadButton | ReactNode | The label to use for the upload button. | - | src/file/getMwFile.tsx:143 |
maxFileLimit? | number | The maximum number of files that can be uploaded. | - | src/file/getMwFile.tsx:147 |
minFileLimit? | number | The minimum number of files that can be uploaded. | - | src/file/getMwFile.tsx:151 |
error? | ReactNode | The error message to display if the user tries to upload too many files. | - | src/file/getMwFile.tsx:155 |
fileUploadText? | ReactNode | The text of the upload file input. | - | src/file/getMwFile.tsx:159 |
loadingText? | string | The text to display while the file is being uploaded. | - | src/file/getMwFile.tsx:163 |
maxFileSize? | { size: number; message: string; } | Pre-validation of file size, before converting to base64. | - | src/file/getMwFile.tsx:167 |
maxFileSize.size | number | - | - | src/file/getMwFile.tsx:168 |
maxFileSize.message | string | - | - | src/file/getMwFile.tsx:169 |
validate? | (mwFile: DroppedMwFile) => Promise<{ isValid: boolean; message: string; processedFile?: any; }> | A function that takes a DroppedFile object and returns a promise that resolves to an object with isValid and message properties. If the isValid property is false, the message property should contain an error message. If the isValid property is true, the message property should be empty. If the validate function is not provided, all files will be considered valid. | - | src/file/getMwFile.tsx:177 |
title? | ReactNode | Title shown in the header. | ShowMessageOptions.title | src/message/showMessage.tsx:17 |
description? | ReactNode | Description shown under the title. | ShowMessageOptions.description | src/message/showMessage.tsx:20 |
text | ReactNode | Markdown text or ReactNode shown in the content area. | ShowMessageOptions.text | src/message/showMessage.tsx:23 |
buttons? | MessageBubbleButtonProps[] | Buttons that resolve the message. Defaults to a single "Proceed" button with value ok. | ShowMessageOptions.buttons | src/message/showMessage.tsx:26 |
overlay? | boolean | If true, obscure the page behind the message and block interaction. | ShowMessageOptions.overlay | src/message/showMessage.tsx:29 |
overlayProps? | { blur?: boolean; blurIntensity?: number; background?: "white" | "grey"; } | Props passed to the overlay component. | ShowMessageOptions.overlayProps | src/message/showMessage.tsx:32 |
overlayProps.blur? | boolean | Apply a blur effect to the obscured content | - | src/message/components/MessageBubble.tsx:29 |
overlayProps.blurIntensity? | number | Custom blur intensity (in pixels) | - | src/message/components/MessageBubble.tsx:31 |
overlayProps.background? | "white" | "grey" | Background color of the overlay | - | src/message/components/MessageBubble.tsx:33 |
forcePosition? | Position | Force the position of the bubble. | ShowMessageOptions.forcePosition | src/message/showMessage.tsx:35 |
isDraggable? | boolean | If true, the bubble is draggable. Defaults to true. | ShowMessageOptions.isDraggable | src/message/showMessage.tsx:38 |