TextBoxProps

Updated on May 14, 2026

Represents the properties of the KendoReact TextBox component

Name	Type	Default	Description
autoFocus?	boolean		Represents the autoFocus HTML attribute that will be applied to the input element of the TextBox. (Defaults to false)
fillMode?	"flat" | "solid" | "outline"	solid	Configures the fillMode of the TextBox. The available options are: solid outline flat
inputAttributes?	React.InputHTMLAttributes<HTMLInputElement>		Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
onChange?	(event: TextBoxChangeEvent) => void		The onChange callback of the input element inside the TextBox.
prefix?	CustomComponent<any>		Sets a custom prefix to the TextBox component.
rounded?	"small" | "none" | "medium" | "large" | "full"	medium	Configures the roundness of the TextBox. The available options are: small medium large full none
size?	"small" | "medium" | "large"	medium	Configures the size of the TextBox. The available options are: small medium large
suffix?	CustomComponent<any>		Sets a custom suffix to the TextBox component.
valid?	boolean		Indicates if the component is in valid state
webMcp?	boolean | WebMcpProps		Enables Web MCP tool registration for this component. Requires a parent WebMcpProvider from @progress/kendo-react-webmcp. Pass true for defaults or an object for fine-grained control. When absent or false, zero webMcp overhead. tsx // Boolean — use provider's dataName <TextBox webMcp value={value} onChange={handleChange} /> // Config object — override dataName per component <TextBox webMcp={{ dataName: 'firstName' }} value={value} onChange={handleChange} />