New to KendoReactLearn about KendoReact Free.

Appearance

Updated on Aug 18, 2026

The NumericTextBox provides a predefined set of appearance options.

Apart from the default vision of the NumericTextBox, these alternative styling options enable you to configure each individual aspect of the appearance of a NumericTextBox.

The following example demonstrates all the available appearance options of the NumericTextBox in a single, configurable demo.

Example
View Source
Loading ...

Size

The NumericTextBox allows you to set different size options. To achieve this, use the size property.

The size option supports the following values:

  • small
  • medium
  • large
  • none

The following example demonstrates how to define the size of the NumericTextBox.

Example
View Source
Loading ...

Fill Mode

The NumericTextBox allows you to set different fill modes by using the fillMode property.

The fillMode option supports the following values:

  • flat
  • solid
  • outline
  • none

The following example demonstrates how to define the fill mode of the NumericTextBox.

Example
View Source
Loading ...

Border Radius

The NumericTextBox enables you to apply different border radius to the component through the rounded property.

The rounded option supports the following values:

  • small
  • medium
  • large
  • full
  • none
Example
View Source
Loading ...

Width

The NumericTextBox enables you to apply different width size to the component through the width property.

Example
View Source
Loading ...
In this article
SizeFill ModeBorder RadiusWidthSuggested Links
Not finding the help you need?
Contact Support