New to Kendo UI for Angular? Start a free 30-day trial
ActionSheetTemplateDirective
Updated on Oct 31, 2025
Represents a template for customizing the overall content of the ActionSheet.
To define the template, nest an <ng-template> tag
with the kendoActionSheetTemplate directive inside the <kendo-actionsheet> tag.
html
<kendo-actionsheet>
<ng-template kendoActionSheetTemplate>
<div>Custom ActionSheet content</div>
</ng-template>
</kendo-actionsheet>
| Name | Type | Default | Description |
|---|---|---|---|
templateRef |
|
Constructors
ActionSheetTemplateDirective
(templateRef: TemplateRef<any>)
Parameters
templateRef
TemplateRef<any>