Components / Navigation / API / ActionSheetItem /

New to Kendo UI for Angular? Start a free 30-day trial

ActionSheetItem

An interface for the ActionSheet items.

Name	Type	Description
cssClass?	`any`	The CSS classes that will be rendered on the item. Supports the type of values that are supported by ngClass.
cssStyle?	`any`	The CSS styles that will be rendered on the item. Supports the type of values that are supported by ngStyle.
description?	`string`	Specifies additional text rendered under the item's title.
disabled?	`boolean`	Specifies if the ActionSheet item is initially disabled.
group?	`ActionSheetItemGroup`	Defines the group of the item. Items can be segregated in two groups - `top` and `bottom` - each specifying whether the ActionSheet item will be rendered over the separator or under it.
icon?	`string`	Defines the name for an existing icon in a Kendo UI theme. The icon is rendered inside the ActionSheet item by a `span.k-icon` element.
iconClass?	`string`	Defines a CSS class — or multiple classes separated by spaces — which are applied to a span element inside the ActionSheet item. Allows the usage of custom icons.
iconColor?	`string`	Specifies the color of the icon. Available options are `inherit`, `default`, `primary`, `secondary`, `tertiary`, `info`, `success`, `warning`, `error`, `dark`, `light`, `inverted` or any hexadecimal value.
iconSize?	`string`	Specifies the size of the icon. Accepts any valid font-size value.
svgIcon?	`SVGIcon`	Defines an `SVGIcon` to be rendered within the ActionSheet item.
title?	`string`	Specifies the text content of the ActionSheet item.