New to Kendo UI for Angular? Start a free 30-day trial
BottomNavigationItemTemplateDirective
Represents a template that defines the content of the BottomNavigation items. Use this directive to customize the appearance of each navigation item.
To define the template, nest an <ng-template>
tag with the kendoBottomNavigationItemTemplate
directive inside the <kendo-bottomnavigation>
tag (see example).
html
<kendo-bottomnavigation [items]="items">
<ng-template kendoBottomNavigationItemTemplate let-item="item">
<span>{{ item.text }}</span>
</ng-template>
</kendo-bottomnavigation>
Selector
[kendoBottomNavigationItemTemplate]