Appearance
The TextBox provides a predefined set of appearance options.
Apart from the default vision of the TextBox, these alternative styling options enable you to configure each individual aspect of the appearance of a TextBox.
Size
The KendoReact TextBox enables you to configure its size
.
small
large
medium
(Default)null
Does not set a sizeclassName
The following example demonstrates how to set the size of the TextBox.
Border Radius
The TextBox enables you to apply different border radius
to the component through the rounded
property.
The rounded
option supports the following values:
small
medium
(Default)large
full
none
— Does not set aclassName
for size
The following example demonstrates how to define the border radius of the TextBox.
Fill Mode
The TextBox allows you to set different fill modes by using the fillMode
property.
The fillMode
option supports the following values:
solid
(Default)flat
outline
clear
link
null
The following example demonstrates how to define the fill mode of the TextBox.