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

Items

The Kendo UI SplitButton provides a various set of options for its items.

The following example demonstrates how to configure the SplitButton items:

    <button id="splitButton"></button>

    <script>
        $(document).ready(function () {

            $("#splitButton").kendoSplitButton({                  
                icon:"paste",
                items: [
                    { id: "keep-text", text: "Keep Text Only", icon: "paste-plain-text" },
                    { id: "paste-html", text: "Paste as HTML", imageUrl: "paste-as-html", hidden:true },
                    { id: "paste-markdown", text: "Paste Markdown", icon: "paste-markdown", enabled:false },
                    { id: "favourite", text: "Mark As Favourite", imageUrl: '../content/shared/icons/16/star.png', attributes: { "data-context": "some arbitrary data" } },
                    { id: "telerik", text: "Go to SplitButton Demos", url: "https://demos.telerik.com/kendo-ui/splitbutton/items"  }
                ]
            });
        });
    </script>

See Also

In this article