New to Kendo UI for Angular? Start a free 30-day trial
ActionSheetHeaderTemplateDirective
Updated on Oct 31, 2025
Represents a template for customizing the header content of the ActionSheet. If you implement this template, it will override the title and subtitle of the ActionSheet.
To define the template, nest an <ng-template> tag
with the kendoActionSheetHeaderTemplate directive inside the <kendo-actionsheet> tag.
html
<kendo-actionsheet>
<ng-template kendoActionSheetHeaderTemplate>
<h3>Custom Header</h3>
</ng-template>
</kendo-actionsheet>
Selector
[kendoActionSheetHeaderTemplate]