Kendo UI for Angular

SplitButton

Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Split Button component 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.

    See Angular SplitButton Overview demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Data Binding

    The Kendo UI for Angular SplitButton can either be bound to a data list, automatically defining the options available in the popup, or programmed declaratively to manually configure the pre-defined drop-down items.

    See Angular SplitButton Data Binding demo.

  • Icon SplitButton

    Each item within the Kendo UI for Angular SplitButton contains plain text by default, but you can opt to also render icons or a mix of icons and text. Icons can be added from the component’s list of readily available icons, as a custom image or imported from third-party font icon libraries like FontAwesome.

    See Angular SplitButton Icon demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Templates

    To provide a custom design for items inside the Kendo UI for Angular SplitButton, simply make use of the standard Angular templates. A template gives you full control over the look and feel of each item.

    See Angular SplitButton Templates demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Disabled SplitButton

    The Kendo UI for Angular SplitButton can be disabled with a single configuration option, graying it out to visually indicate to users that the button is inactive. Additionally, individual action items can be disabled on a per-item basis.

    See Angular SplitButton Disabled SplitButton demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation

    The Kendo UI for Angular SplitButton provides built-in keyboard shortcuts to enable users select any of the options available in the dropdown without the necessity of a mouse.

    See Angular SplitButton Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular SplitButton is WCAG 2.0 AA rated and is compliant with Section 508 and WAI-ARIA standards.

    See Angular SplitButton Accessibility demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI