Attachment
Display the collection of attachment information.
Import |
Sourcecomponents/attachment |
Docs |
Ant Design XImport |
Sourcecomponents/attachment |
Docs |
The Prompts component is used to display a predefined set of questions or suggestion that are relevant to the current context.
For more properties, see Upload.
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| classNames | Custom class names, see below | Record<string, string> | - | - |
| disabled | Whether to disable | boolean | false | - |
| getDropContainer | Config the area where files can be dropped | () => HTMLElement | - | - |
| items | Attachment list, same as Upload fileList | Attachment[] | - | - |
| overflow | Behavior when the file list overflows | 'wrap' | 'scrollX' | 'scrollY' | - | - |
| placeholder | Placeholder information when there is no file | PlaceholderType | ((type: 'inline' | 'drop') => PlaceholderType) | - | - |
| rootClassName | Root node className | React.CSSProperties | - | - |
| rootStyle | Root node style object | React.CSSProperties | - | - |
| styles | Custom style object, see below | Record<string, React.CSSProperties> | - | - |
interface PlaceholderType {icon?: React.ReactNode;title?: React.ReactNode;description?: React.ReactNode;}
| Property | Description | Type | Version |
|---|---|---|---|
| nativeElement | Get the native node | HTMLElement | - |
| upload | Manually upload a file | (file: File) => void | - |
Basic usage. You can use getDropContainer to support drag and drop upload.
Modify placeholder information.
Controls the layout of attachments when they exceed the area.
Work with Sender.Header to insert file into the conversation.
A single file card, used in some display scenarios.
