ASP.NET Core 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("clipboard")
.Items(items => {
items.Add().Id("keep-text").Text("Keep Text Only").Icon("clipboard-text");
items.Add().Id("paste-html").Text("Paste as HTML").Icon("clipboard-code");
items.Add().Id("paste-markdown").Text("Paste Markdown").Icon("clipboard-markdown");
items.Add().Id("paste-default").Text("Set Default Paste");
})
)
<kendo-splitbutton name="splitButton" text="Paste" icon="clipboard">
<splitbutton-items>
<item id="keep-text" text="Keep Text Only" icon="clipboard-text"></item>
<item id="paste-html" text="Paste as HTML" icon="clipboard-code"></item>
<item id="paste-markdown" text="Paste Markdown" icon="clipboard-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—The SplitButton is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.
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.
Next Steps
- Getting Started with the SplitButton
Basic Usage of the SplitButton HtmlHelper for ASP.NET Core (Demo)
Basic Usage of the SplitButton TagHelper for ASP.NET Core (Demo)