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

DataIconField

configuration

Sets the field of the data item that provides the icon name of the PanelBar nodes.

dataIconField

String

Default: "icon"

<ul id="panelbar"></ul>
<script>
var items = [
  { text: "Ask AI", myIconField: "sparkles", myIconClassField: "my-class" },
  { text: "Comment", myIconField: "comment", myIconClassField: "my-class" }
];
$("#panelbar").kendoPanelBar({
  dataIconField: "myIconField",
  dataIconClassField: "myIconClassField",
  dataSource: items
});
</script>