PromptBoxUploadButtonProps
Represents the props of the PromptBoxUploadButton component.
Definition
Package:@progress/kendo-react-conversational-ui
Properties
accept?
string
The file types that can be selected.
disabled?
boolean
Specifies if the Button is disabled (see example).
false
endIcon?
ReactNode
Sets an SVG icon or custom element after the content of the Button. For the custom component, consider using Phrasing content. Do not use Interactive content.
fillMode?
"link" | "solid" | "outline" | "flat" | "clear"
Configures the fillMode of the Button. See Button Appearance.
undefined (theme-controlled)
icon?
string
Defines the name for an existing icon in a KendoReact theme (see example). The icon renders inside the Button by a span.k-icon element.
iconClass?
string
Defines a CSS class — or multiple classes separated by spaces — which apply to a span element inside the Button (see example). Allows you to use custom icons.
iconSize?
"small" | "medium" | "large"
Configures the size of the SVG icon that displays inside the Button.
undefined (theme-controlled)
imageAlt?
string
Defines the alternative text of the image that renders inside the Button component.
imageUrl?
string
Defines a URL which is used as an img element inside the Button (see example). The URL can be relative or absolute. If relative, it evaluates in relation to the URL of the web page.
multiple?
boolean
Whether multiple files can be selected.
onRemoveAttachment?
(fileName: string) => void
Fires when the user removes an attachment by clicking the remove button. Used for controlled attachment management in custom placement scenarios.
onSelectAttachments?
(event: PromptBoxSelectAttachmentsEvent) => void
Fires when the user selects files via the upload button. Used for controlled attachment management in custom placement scenarios.
Restrictions on the files that can be uploaded.
rounded?
"none" | "full" | "small" | "medium" | "large"
Configures the roundness of the Button. See Button Appearance.
The available options are:
smallmediumlargefullnone
undefined (theme-controlled)
selected?
boolean
Sets the selected state of the Button. You can use this for controlled mode.
size?
"xs" | "small" | "medium" | "large"
Configures the size of the Button. See Button Appearance.
undefined (theme-controlled)
startIcon?
ReactNode
Sets an SVG icon or custom element before the content of the Button. For the custom component, consider using Phrasing content. Do not use Interactive content.
svgIcon?
SVGIcon
Defines the SVG icon that renders inside the Button component.
themeColor?
"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse"
Configures the themeColor of the Button. See Button Appearance.
undefined (theme-controlled)
title?
string
Sets the title HTML attribute of the Button.
togglable?
boolean
Provides visual styling that shows if the Button is selected (see example).
false
unstyled?
ButtonsClassStructure
The unstyled option classes.
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration for this Button.