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

Customizing Bottom-nav

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-bottom-nav-shadowList0px 0px 5px rgba( black, .12 )0px 0px 5px rgba(0, 0, 0, 0.12)
Description
The box shadow of the BottomNavigation.
$kendo-bottom-nav-flat-textColor$kendo-component-text#212529
Description
The text color of the flat BottomNavigation.
$kendo-bottom-nav-flat-bgColor$kendo-component-bg#ffffff
Description
The background color of the flat BottomNavigation.
$kendo-bottom-nav-flat-borderColor$kendo-component-border#dee2e6
Description
The border color of the flat BottomNavigation.

In this article

Not finding the help you need?