New to Kendo UI for Angular? Start a free 30-day trial
DrawerTemplateDirective
Updated on Oct 30, 2025
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]