New to Kendo UI for Angular? Start a free 30-day trial
DrawerTemplateDirective
Defines a template that specifies the content of the Drawer.
To define the template, nest an <ng-template>
tag with the kendoDrawerTemplate
directive inside the <kendo-drawer>
tag.
Using this template directive overrides all other templates, for example, kendoDrawerHeaderTemplate
and kendoDrawerItemTemplate
.
html
<kendo-drawer>
<ng-template kendoDrawerTemplate>
<div class="custom-drawer-content">
<h3>Custom Drawer</h3>
<ul>
<li>Custom Item 1</li>
<li>Custom Item 2</li>
</ul>
</div>
</ng-template>
</kendo-drawer>
Selector
[kendoDrawerTemplate]