ej2-angular-ui-components/components/splitbuttons

ej2-angular-splitbuttons

A package of Syncfusion Angular 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-angular-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. React
2. VueJS
3. ASP.NET Core
4. ASP.NET MVC
5. 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 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.