New to Kendo UI for Angular? Start a free 30-day trial

Customizing Input

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-input-default-widthNumber

100%

100%

Description
Default width of input components.
$kendo-input-border-widthNumber

1px

1px

Description
Border width of input components.
$kendo-input-border-radiusNull

null

null

Description
Border radius of input components.
$kendo-input-padding-xNumber

map-get( $spacing, 4 )

16px

Description
Horizontal padding of input components.
$kendo-input-padding-yNumber

map-get( $spacing, 2 )

8px

Description
Vertical padding of input components.
$kendo-input-font-sizeNumber

$font-size-lg

16px

Description
Font size of input components.
$kendo-input-line-heightNumber

1.25

1.25

Description
Line height of input components.

In this article

Not finding the help you need?