New to KendoReactStart a free 30-day trial

TextBoxProps

Represents the properties of the KendoReact TextBox component

NameTypeDefaultDescription

autoFocus?

boolean

Represents the autoFocus HTML attribute that will be applied to the input element of the TextBox. (Defaults to false)

fillMode?

"null" | "flat" | "solid" | "outline"

solid

Configures the fillMode of the TextBox.

The available options are:

  • solid
  • outline
  • flat
  • null—Does not set a fillMode className.

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?

"null" | "small" | "large" | "medium" | "full"

medium

Configures the roundness of the TextBox.

The available options are:

  • small
  • medium
  • large
  • full
  • null—Does not set a rounded className.

size?

"null" | "small" | "large" | "medium"

medium

Configures the size of the TextBox.

The available options are:

  • small
  • medium
  • large
  • null—Does not set a size className.

suffix?

CustomComponent<any>

Sets a custom suffix to the TextBox component.

valid?

boolean

Indicates if the component is in valid state

Not finding the help you need?
Contact Support