Customizing Bottom-nav
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-bottom-nav-item-focus-offset | map.get( $kendo-spacing, 0.5 ) | ||
Description
The offset of the focused BottomNavigation item. | |||
$kendo-bottom-nav-item-focus-outline-width | 1px | ||
Description
The outline width of the focused BottomNavigation item. | |||
$kendo-bottom-nav-item-focus-outline-style | solid | ||
Description
The outline style of the focused BottomNavigation item. | |||
$kendo-bottom-nav-shadow | var( --kendo-box-shadow-depth-1, none ) | ||
Description
The box shadow of the BottomNavigation. | |||
$kendo-bottom-nav-brand-colors | (
primary: primary,
error: error,
success: success,
info: info,
secondary: neutral,
tertiary: tertiary,
) | ||
Description
The theme variations for the BottomNavigation. | |||
$kendo-bottom-nav-theme-colors | () | ||
Description
The theme colors map for the BottomNavigation variations. |