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',
iconClass: 'k-icon k-i-edit',
iconColor: "info"
click: onClick
},
{
text: 'Add to Favorites',
iconClass: 'k-icon k-i-heart',
click: onClick
},
{
text: 'Upload New',
iconClass: 'k-icon k-i-upload',
click: onClick
},
{
text: 'Cancel',
iconClass: 'k-icon k-i-cancel',
group: 'bottom',
click: onClick
},
]
}).data('kendoActionSheet');
actionsheet.open();
function onClick(e) {
e.preventDefault();
actionsheet.close();
}
</script>