SplitButton Overview
The SplitButton is part of Telerik UI for ASP.NET Core, 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.
The Telerik UI SplitButton TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI SplitButton widget.
The SplitButton 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.
Initializing the SplitButton
The following example demonstrates how to define the SplitButton.
@(Html.Kendo().SplitButton()
.Name("splitButton")
.Text("Paste")
.Icon("paste")
.Items(items => {
items.Add().Id("keep-text").Text("Keep Text Only").Icon("paste-plain-text");
items.Add().Id("paste-html").Text("Paste as HTML").Icon("paste-as-html");
items.Add().Id("paste-markdown").Text("Paste Markdown").Icon("paste-markdown");
items.Add().Id("paste-default").Text("Set Default Paste");
})
)
<kendo-splitbutton name="splitButton" text="Paste" icon="paste">
<splitbutton-items>
<item id="keep-text" text="Keep Text Only" icon="paste-plain-text"></item>
<item id="paste-html" text="Paste as HTML" icon="paste-as-html"></item>
<item id="paste-markdown" text="Paste Markdown" icon="paste-markdown"></item>
<item id="paste-default" text="Set Default Paste"></item>
</splitbutton-items>
</kendo-splitbutton>
Functionality and Features
- Items—You can configure the SplitButton by adding items to the popup.
- Appearance—You can control the appearance of the SplitButton by configuring its styling options.
- Icons—You can enchance the SplitButton's textual content by adding icons.
- Accessibility—You can access the SplitButton by different screen readers.