New to Kendo UI for Vue? Start a free 30-day trial
Customizing Bottom-nav
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-bottom-nav-shadow | List | 0px 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-text | Color | $kendo-component-text | rgba(0, 0, 0, 0.87) |
Description
The text color of the flat BottomNavigation. | |||
$kendo-bottom-nav-flat-bg | Color | $kendo-component-bg | #ffffff |
Description
The background color of the flat BottomNavigation. | |||
$kendo-bottom-nav-flat-border | Color | $kendo-component-border | rgba(0, 0, 0, 0.12) |
Description
The border color of the flat BottomNavigation. |