items.iconColor String

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

Example

<div id="actionsheet"></div>
<script>
  var actionsheet = $('#actionsheet').kendoActionSheet({
      title:'Select item',
      items:[
          {
              text: 'Edit Item',
              icon: 'pencil',
              iconColor: "info",
              click: onClick
          },
          {
              text: 'Add to Favorites',
              icon: 'heart',
              click: onClick
          },
          {
              text: 'Upload New',
              icon: 'upload',
              click: onClick
          },
          {
              text: 'Cancel',
              icon: 'cancel',
              group: 'bottom',
              click: onClick
          },
      ]
  }).data('kendoActionSheet');

  actionsheet.open();
  function onClick(e) {
      e.preventDefault();
      actionsheet.close();
  }
</script>
In this article