Kendo UI for jQuery SplitButton Overview
The Kendo UI for jQuery SplitButton widget combines the functionality of a button with that of a dropdown element. It allows users to either click on the primary button and run its default behavior, or to open the drop-down popup and choose from a list of additional actions.
The SplitButton is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Initializing the SplitButton
The following example demonstrates how to initialize the SplitButton from a <button> element.
<button id="splitButton"></button>
<script>
$(document).ready(function () {
$("#splitButton").kendoSplitButton({
icon: "clipboard",
items: [
{ id: "keep-text", text: "Keep Text Only", icon: "clipboard-text" },
{ id: "paste-html", text: "Paste as HTML", icon: "clipboard-code" },
{ id: "paste-markdown", text: "Paste Markdown", icon: "clipboard-markdown" },
{ id: "paste-default", text: "Set Default Paste" }
]
});
});
</script>