Syncfusion.AspNetCore.SplitButtons 34.1.31

Prefix Reserved
dotnet add package Syncfusion.AspNetCore.SplitButtons --version 34.1.31
                    
NuGet\Install-Package Syncfusion.AspNetCore.SplitButtons -Version 34.1.31
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Syncfusion.AspNetCore.SplitButtons" Version="34.1.31" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Syncfusion.AspNetCore.SplitButtons" Version="34.1.31" />
                    
Directory.Packages.props
<PackageReference Include="Syncfusion.AspNetCore.SplitButtons" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Syncfusion.AspNetCore.SplitButtons --version 34.1.31
                    
#r "nuget: Syncfusion.AspNetCore.SplitButtons, 34.1.31"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Syncfusion.AspNetCore.SplitButtons@34.1.31
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Syncfusion.AspNetCore.SplitButtons&version=34.1.31
                    
Install as a Cake Addin
#tool nuget:?package=Syncfusion.AspNetCore.SplitButtons&version=34.1.31
                    
Install as a Cake Tool

Syncfusion® ASP.NET Core SplitButtons Components

A comprehensive suite of ASP.NET Core button components for split buttons and progress buttons. Includes DropDownButton, SplitButton, and ProgressButton components.

Supported Components

This package includes the following components:


ASP.NET Core DropDownButton Component

The ASP.NET Core DropDownButton Component displays a button that reveals a list of action items in a popup when clicked.

Key Features:

  • Action Items List: Display a list of secondary actions in a popup menu
  • Icon Support: Add icons to the button and to individual menu items
  • Separators: Group related items using visual separators
  • Nested Menus: Support multi-level nested dropdown items
  • Custom Templates: Customize item rendering with templates
  • Keyboard Navigation: Full keyboard support for opening and navigating items
  • Accessibility: ARIA roles and attributes for screen reader support

Documentation


ASP.NET Core SplitButton Component

The ASP.NET Core SplitButton Component combines a primary action button with a dropdown arrow for revealing secondary actions.

Key Features:

  • Primary Action: Dedicated clickable area for the main/default action
  • Secondary Actions: Dropdown arrow reveals a popup list of related actions
  • Icon Support: Add icons to the primary button and to popup items
  • Separators: Group related secondary actions using visual separators
  • Nested Items: Support multi-level nested action items
  • Custom Templates: Customize the rendering of popup items
  • Accessibility: Keyboard navigation and ARIA support for the button and popup

Documentation


ASP.NET Core ProgressButton Component

The ASP.NET Core ProgressButton Component displays an animated progress state on a button while an action is executing.

Key Features:

  • Animated Spinner: Built-in spinner animation shown during the action
  • Spinner Position: Configure the spinner position (left, right, top, bottom, center)
  • Progress Modes: Support for indeterminate and determinate progress display
  • Custom Animation: Customize spinner type, duration, and easing
  • Icon Support: Combine icons with progress state for richer feedback
  • Content Swap: Optionally change button text/icon during the progress state
  • Accessibility: ARIA live region support to announce progress state changes

Documentation


Common Setup

All Syncfusion ASP.NET Core controls share the same foundational setup steps:

1. Install NuGet Package

Install-Package Syncfusion.AspNetCore.SplitButtons

2. Register Tag Helper

Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:

@addTagHelper *, Syncfusion.AspNetCore.SplitButtons

3. Add Stylesheet & Script References

In your layout file (~/Pages/Shared/_Layout.cshtml or ~/Views/Shared/_Layout.cshtml):

<head>
    
    <link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />

    

    
    <script src="_content/Syncfusion.AspNetCore.SplitButtons/scripts/sf-drop-down-button.min.js" type="text/javascript"></script>

    
    <script src="_content/Syncfusion.AspNetCore.SplitButtons/scripts/sf-progress-button.min.js" type="text/javascript"></script>

    
    <script src="_content/Syncfusion.AspNetCore.SplitButtons/scripts/sf-split-button.min.js" type="text/javascript"></script>
    </head>

4. Register Script Manager

In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:

<ejs-scripts></ejs-scripts>

Quick Start

Step 1: Create a PageModel

Create ~/Pages/Index.cshtml.cs:

using Microsoft.AspNetCore.Mvc.RazorPages;

public class IndexModel : PageModel
{
    public void OnGet()
    {
        // Initialize split buttons demo
    }

    public void OnPostExecuteAction()
    {
        // Handle dropdown button action
    }
}

Step 2: Create the View

Create ~/Pages/Index.cshtml:

<ejs-dropdownbutton id="dropdownbtn" content="Edit">
    <e-dropdownbuttonitems>
        <e-dropdownbuttonitem text="Cut"></e-dropdownbuttonitem>
        <e-dropdownbuttonitem text="Copy"></e-dropdownbuttonitem>
        <e-dropdownbuttonitem text="Paste"></e-dropdownbuttonitem>
    </e-dropdownbuttonitems>
</ejs-dropdownbutton>
SplitButton
<ejs-splitbutton id="splitbtn" content="Save">
    <e-dropdownbuttonitems>
        <e-dropdownbuttonitem text="Save As"></e-dropdownbuttonitem>
        <e-dropdownbuttonitem text="Export"></e-dropdownbuttonitem>
    </e-dropdownbuttonitems>
</ejs-splitbutton>
ProgressButton
<ejs-progressbutton id="progressbtn" content="Download"></ejs-progressbutton>

Step 3: Run the Application

Press Ctrl+F5 to run the application in your browser.


Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (10)

Showing the top 5 NuGet packages that depend on Syncfusion.AspNetCore.SplitButtons:

Package Downloads
Syncfusion.AspNetCore.Inputs

Syncfusion® ASP.NET Core Inputs package provides a rich collection of form input controls including TextBox, TextArea, MaskedTextBox, NumericTextBox, ColorPicker, Slider, Uploader, Switch, Signature, Rating, OTP Input, and Speech-To-Text. These controls offer validation, globalization, accessibility (ARIA), RTL support, and customizable styling. They are designed to deliver an enhanced user input experience in forms, data entry screens, and interactive applications built on ASP.NET Core.

Syncfusion.AspNetCore.RichTextEditor

Syncfusion® ASP.NET Core Rich Text Editor (RTE) is a feature-complete WYSIWYG HTML editor that enables rich content creation with a familiar word processor-like interface. It supports text formatting (bold, italic, underline, color, alignment), tables, images, hyperlinks, lists, code view, source code editing, mentions, emoji, video embedding, paste from Word/Excel, custom toolbar configuration, full-screen editing, and content export. It also supports Markdown editing mode, making it versatile for CMS, blog platforms, and form-based content input in ASP.NET Core applications.

Syncfusion.AspNetCore.BlockEditor

Syncfusion® ASP.NET Core Block Editor is a modern, block-based rich content editing control that allows users to create structured documents using a variety of content blocks such as paragraphs, headings, images, lists, code snippets, tables, and more. Inspired by the notion-style editing experience, it provides a clean and intuitive interface where each piece of content is a movable, configurable block. It supports drag-and-drop reordering, slash commands for inserting blocks, and real-time collaborative authoring scenarios in ASP.NET Core web applications.

Syncfusion.AspNetCore.PivotView

Syncfusion® ASP.NET Core Pivot Table (PivotView) is a powerful data summarization and analytical control that supports OLAP and relational data. It provides features like drill-down, drill-through, grouping, aggregation, calculated fields, conditional formatting, virtual scrolling, chart integration, toolbar, field list, export to Excel/PDF/CSV, and a rich UI for interactive data exploration. It is ideal for building business intelligence, reporting, and analytical dashboards in ASP.NET Core applications.

Syncfusion.AspNetCore.Ribbon

Syncfusion® ASP.NET Core Ribbon control provides a Microsoft Office-style tabbed command bar for organizing and accessing application features efficiently. It supports tabs, groups, button items, split buttons, dropdown buttons, toggles, combo boxes, color pickers, and gallery items. The control offers simplified and classic layout modes, responsive behavior, keyboard navigation, tooltip support, and accessibility compliance. It is ideal for document editors, productivity tools, and enterprise applications built on ASP.NET Core that require a structured toolbar experience.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
34.1.31 88 7/14/2026
34.1.30 345 7/9/2026
34.1.29 563 7/6/2026