@syncfusion/ej2-splitbuttons

ej2-splitbuttons

A package of Syncfusion JavaScript UI Components (Essential JS 2) DropDownButton, SplitButton, ProgressButton and ButtonGroup.

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (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

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
  • View Online Demos
  • Product Page

• 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
  • View Online Demos
  • Product Page

• 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
  • View Online Demos
  • Product Page

• ButtonGroup - ButtonGroup is a graphical user interface that groups series of buttons horizontally or vertically.

  • Getting Started
  • View Online Demos
  • Product Page

Supported Frameworks

These components are available in following list of frameworks.

1. Angular
2. React
3. VueJS
4. ASP.NET Core
5. ASP.NET MVC
6. JavaScript (ES5)

Key Features

DropDownButton

• Icons and Navigations - 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 - Supports Popup items grouping by using the Separator.

• 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 - 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 - Supports Popup items grouping by using the Separator.

• 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 - Supports icon, spinner and its positioning.

• Animation - Provided with predefined animation and progress indicator.

• Events - Supports event triggering at specified interval.

• 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 - Provided with different types, sizes and predefined styles of button.

• Selection - Supports single and multiple selection behaviors.

• Orientation - Supports horizontal and vertical orientations.

• Nesting - Supports nesting with drop-down and split button components.

• Accessibility - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.

Support

Product support is available for through following mediums.

• Creating incident in Syncfusion Direct-trac support system or Community forum.
• New GitHub issue.
• Ask your query in Stack Overflow with tag syncfusion, ej2.

License

Check the license detail here.

Changelog

Check the changelog here

© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.