<kendo:actionSheet-item>

A JavaScript array that contains the ActionSheet's items configuration.

Example

<kendo:actionSheet-items>
    <kendo:actionSheet-item></kendo:actionSheet-item>
</kendo:actionSheet-items>

Configuration Attributes

click java.lang.String

Specifies the click event handler of the item.

Example

<kendo:actionSheet-item click="click">
</kendo:actionSheet-item>

description java.lang.String

Specifies the description of the item.

Example

<kendo:actionSheet-item description="description">
</kendo:actionSheet-item>

disabled boolean

If set to true, the item will be disabled.

Example

<kendo:actionSheet-item disabled="disabled">
</kendo:actionSheet-item>

group java.lang.String

Specifies the group of the item. Items can be segregated in two groups - top and bottom.

Example

<kendo:actionSheet-item group="group">
</kendo:actionSheet-item>

iconClass java.lang.String

Specifies the icon's class of the item.

Example

<kendo:actionSheet-item iconClass="iconClass">
</kendo:actionSheet-item>

iconColor java.lang.String

The icon color. Available options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted or any hexadecimal value.

Example

<kendo:actionSheet-item iconColor="iconColor">
</kendo:actionSheet-item>

iconSize float

The icon size in pixels.

Example

<kendo:actionSheet-item iconSize="iconSize">
</kendo:actionSheet-item>

text java.lang.String

Specifies the main text of the item

Example

<kendo:actionSheet-item text="text">
</kendo:actionSheet-item>

Event Attributes

click String

Specifies the click event handler of the item.

Example

<kendo:actionSheet-item click="handle_click">
</kendo:actionSheet-item>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

Event Tags

kendo:actionSheet-item-click

Specifies the click event handler of the item.

Example

<kendo:actionSheet-item>
    <kendo:actionSheet-item-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:actionSheet-item-click>
</kendo:actionSheet-item>