# @syncfusion/ej2-splitbuttons > A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. Latest version **34.2.6** (published 2026-09-01) · SEE LICENSE IN license license · 0 weekly downloads ## Install ```sh npm install @syncfusion/ej2-splitbuttons pnpm add @syncfusion/ej2-splitbuttons yarn add @syncfusion/ej2-splitbuttons bun add @syncfusion/ej2-splitbuttons ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 34.2.6 | | Published | 2026-09-01 | | First published | 2018-02-22 | | Weekly downloads | 0 | | License | SEE LICENSE IN license | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 2 | | Unpacked size | 6.1 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 449 | | Author | Syncfusion Inc. | | Maintainers | syncfusionorg, essentialjs2, syncfusion-javascript | | Keywords | ej2, syncfusion, ej2-splitbuttons, ej2 splitbutton, ej2 dropdownbutton, ej2 buttongroup, ej2 progress button, JavaScript, TypeScript, split button, splitbutton, dropdown, dropdown button, drop-down button, dropdownbutton, dropdown popup, button group, buttongroup, group button, progress, spinner, progress button, progress indicator, spinbutton, spin button | ## Links - npm: https://www.npmjs.com/package/@syncfusion/ej2-splitbuttons - Repository: https://github.com/syncfusion/ej2-javascript-ui-controls - Homepage: https://www.syncfusion.com/javascript-ui-controls - Issues: https://github.com/syncfusion/ej2-javascript-ui-controls/issues - npm.io page: https://npm.io/package/@syncfusion/ej2-splitbuttons ## Dependencies (2) - [@syncfusion/ej2-base](https://npm.io/package/@syncfusion/ej2-base.md) ~34.2.6 - [@syncfusion/ej2-popups](https://npm.io/package/@syncfusion/ej2-popups.md) ~34.2.6 ## Alternatives - [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads - [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads - [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads - [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads - [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads ## Recent versions - 34.2.6 (latest) — 2026-09-01 - 26.1.35-7502 (beta) — 2025-10-07 - 34.2.2 — 2026-08-05 - 34.1.33 — 2026-07-28 - 34.1.31 — 2026-07-14 - 34.1.29 — 2026-07-06 - 33.2.6 — 2026-05-12 - 33.2.3 — 2026-04-21 - 33.1.49 — 2026-04-14 - 33.1.44 — 2026-03-16 - 32.2.7 — 2026-02-24 - 32.2.3 — 2026-02-05 - 32.1.24 — 2026-01-20 - 32.1.22 — 2026-01-06 - 32.1.19 — 2025-12-16 - … 154 more at https://npm.io/package/@syncfusion/ej2-splitbuttons/versions ## README # ej2-splitbuttons > **Using this package with an AI coding agent** > > Before generating Syncfusion® code, ask your AI coding agent to run the Syncfusion® setup using the following prompt: > > ```text > Set up this project for Syncfusion® before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com/agent-setup/prompt.md, then report the detected platform, installed skill pack, MCP status, and any required licensing action. > ``` > The setup detects your project’s platform and loads the appropriate Syncfusion® skill pack. No Syncfusion® account or MCP key is required to install or read Syncfusion® agent skills. > > **Platform reference:** [https://ai.syncfusion.com/javascript/llms.txt](https://ai.syncfusion.com/javascript/llms.txt) A package of Syncfusion® JavaScript UI Components (Essential JS 2) DropDownButton, SplitButton, ProgressButton and ButtonGroup. ![SplitButton](https://ej2.syncfusion.com/products/images/splitbutton/readme.gif) > This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. ## Setup To install `SplitButtons` and its dependent packages, use the following command ```sh npm install @syncfusion/ej2-splitbuttons ``` ## Components included Following list of components are available in the package. * DropDownButton - `DropDownButton` is used to toggle contextual overlays for displaying list of action items. * [Getting Started](https://ej2.syncfusion.com/documentation/drop-down-button/getting-started?lang=typescript&utm_source=npm&utm_campaign=drop-down-button) * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=drop-down-button#/fluent2/button/dropdown-button.html) * [Product Page](https://www.syncfusion.com/javascript-ui-controls/dropdown-menu) * SplitButton - `SplitButton` has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items. * [Getting Started](https://ej2.syncfusion.com/documentation/split-button/getting-started?lang=typescript&utm_source=npm&utm_campaign=split-button) * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=split-button#/fluent2/button/split-button.html) * [Product Page](https://www.syncfusion.com/javascript-ui-controls/split-button) * ProgressButton - `ProgressButton` visualizes the progression of an operation to indicate the user that a process is happening in the background with visual representation. * [Getting Started](https://ej2.syncfusion.com/documentation/progress-button/getting-started?lang=typescript&utm_source=npm&utm_campaign=progress-button) * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=progress-button#/fluent2/button/progress-button.html) * [Product Page](https://www.syncfusion.com/javascript-ui-controls/progress-button) * ButtonGroup - `ButtonGroup` is a graphical user interface that groups series of buttons horizontally or vertically. * [Getting Started](https://ej2.syncfusion.com/documentation/button-group/getting-started?lang=typescript&utm_source=npm&utm_campaign=button-group) * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=button-group#/fluent2/button/button-group.html) * [Product Page](https://www.syncfusion.com/javascript-ui-controls/button-group) ## Supported Frameworks These components are available in following list of frameworks. | [](https://www.syncfusion.com/angular-components?utm_medium=listing&utm_source=github)
     [Angular](https://www.syncfusion.com/angular-components?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-components?utm_medium=listing&utm_source=github)
      [React](https://www.syncfusion.com/react-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-components?utm_medium=listing&utm_source=github)
         [Vue](https://www.syncfusion.com/vue-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Key Features ### DropDownButton * [**Icons and Navigations**](https://ej2.syncfusion.com/documentation/drop-down-button/popup-items#icons) - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided. * [**Separator**](https://ej2.syncfusion.com/documentation/drop-down-button/popup-items#separator) - Supports Popup items grouping by using the Separator. * [**Accessibility**](https://ej2.syncfusion.com/documentation/drop-down-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices. ### SplitButton * [**Icons and Navigations**](https://ej2.syncfusion.com/documentation/split-button/icons-and-separator#splitbutton-icons) - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided. * [**Separator**](https://ej2.syncfusion.com/documentation/split-button/icons-and-separator#separator) - Supports Popup items grouping by using the Separator. * [**Accessibility**](https://ej2.syncfusion.com/documentation/split-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices. ### ProgressButton * **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button. * [**Icons and Spinner**](https://ej2.syncfusion.com/documentation/progress-button/spinner-and-progress#spinner) - Supports icon, spinner and its positioning. * [**Animation**](https://ej2.syncfusion.com/documentation/progress-button/spinner-and-progress#content-animation) - Provided with predefined animation and progress indicator. * [**Events**](https://ej2.syncfusion.com/documentation/progress-button/spinner-and-progress#change-progress-dynamically) - Supports event triggering at specified interval. * [**Accessibility**](https://ej2.syncfusion.com/documentation/progress-button/accessibility#accessibility) - Provided with built-in accessibility support that helps to access all the ProgressButton component features through the keyboard, screen readers, or other assistive technology devices. ### ButtonGroup * [**Types, Sizes, and Styles**](https://ej2.syncfusion.com/documentation/button-group/types-and-styles#buttongroup-types) - Provided with different types, sizes and predefined styles of button. * [**Selection**](https://ej2.syncfusion.com/documentation/button-group/selection#selection) - Supports single and multiple selection behaviors. * [**Orientation**](https://ej2.syncfusion.com/documentation/button-group/getting-started#orientation) - Supports horizontal and vertical orientations. * [**Nesting**](https://ej2.syncfusion.com/documentation/button-group/selection#nesting) - Supports nesting with drop-down and split button components. * [**Accessibility**](https://ej2.syncfusion.com/documentation/button-group/accessibility#accessibility) - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices. ## Resources * [Theme Studio](https://ej2.syncfusion.com/themestudio/) * [Custom Resource Generator](https://crg.syncfusion.com/) * [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github) * [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github) * [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github) ## Support Product support is available for through following mediums. * Creating incident in Syncfusion® [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=split-button) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=split-button). * New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new). * Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=split-button) with tag `syncfusion`, `ej2`. ## License Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=split-button). ## Changelog Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/splitbuttons/CHANGELOG.md?utm_source=npm&utm_campaign=split-button) © Copyright 2026 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution. --- _Source: https://npm.io/package/@syncfusion/ej2-splitbuttons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._