ActionSheetComponent

Represents the Kendo UI ActionSheet component for Angular. Used to display a set of choices related to a task the user initiates.

Selector

kendo-actionsheet

Export Name

Accessible in templates as #kendoActionSheetInstance="kendoActionSheet"

Inputs

Name	Type	Default	Description
actions	ActionSheetAction[]		Specifies the ActionSheet action buttons.
actionsLayout	ActionSheetActionsLayout		Specifies the layout of the action buttons. By default, the action buttons are rendered horizontally and stretched.
animation	boolean | ActionSheetAnimation	true	Configures the ActionSheet opening and closing animations (see example). By default, the animations are turned off. The default animations' duration is 300ms.
cssClass	any		The CSS classes that will be rendered on the inner ActionSheet element. Supports the type of values that are supported by ngClass.
cssStyle	any		The inline styles that will be rendered on the inner ActionSheet element. Supports the type of values that are supported by ngStyle.
expanded	boolean	false	Specifies the state of the ActionSheet.
items	ActionSheetItem[]		The collection of items that will be rendered in the ActionSheet.
overlayClickClose	boolean	false	Specifies if the ActionSheet is closed on overlay click.
subtitle	string		Specifies the text that is rendered under the title.
title	string		Specifies the text that is rendered as title.
titleId	string		Sets the aria-labelledby attribute of the ActionSheet wrapper element. Use this option when the built-in header element is replaced through the ActionSheetHeaderTemplate or ActionSheetContentTemplate.

Events

Name	Type	Description
action	EventEmitter<ActionSheetAction>	Fires when any of the ActionSheet action buttons is clicked.
collapse	EventEmitter<any>	Fires when the ActionSheet is collapsed and its animation is complete.
expand	EventEmitter<any>	Fires when the ActionSheet is expanded and its animation is complete.
expandedChange	EventEmitter<boolean>	Fires when the expanded property of the component is updated. Used to provide a two-way binding for the expanded property.
itemClick	EventEmitter<ActionSheetItemClickEvent>	Fires when an ActionSheet item is clicked.
overlayClick	EventEmitter<any>	Fires when the modal overlay is clicked.

Methods

toggle
Toggles the visibility of the ActionSheet.
Parameters expanded? boolean