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>
Functionality and Features
To learn more about the appearance, anatomy, and accessibility of the SplitButton, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.