Kendo UI for jQuery

jQuery ButtonGroup

  • Configure multiple jQuery buttons in the same component, each with consistent theming and independent configuration.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community. 
header-jquery-ButtonGroup
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    When two or more Kendo UI for jQuery Buttons need to be rendered as part of the same component, the Kendo UI for jQuery ButtonGroup comes into play. This component enables you to configure each button individually to display text content, icons, images or a combination of textual and image content.

    See the jQuery ButtonGroup demo

    jquery-buttongroup-overview
  • Selection Mode

    The Kendo UI for jQuery ButtonGroup component allows you to set the selection mode of individual buttons either to single or multiple selection.

    See the jQuery ButtonGroup Selection Mode demo

    selection-mode0buttongroup-jquery
  • Disabled ButtonGroup

    The Kendo UI for jQuery ButtonGroup can easily transition from enabled, its default state, to disabled. This allows you to prevent user interactions with the buttons until certain criteria have been met, while giving the disabled buttons a distinct visual representation to suggest that they’re inactive.

    Read the jQuery Disabled ButtonGroup documentation

    disabled-buttongroup-jquery
  • Globalization

    The Kendo UI for jQuery ButtonGroup supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

    See the jQuery ButtonGroup RTL demo

    rtl-support
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with buttons.  

    See the jQuery ButtonGroup Keyboard Navigation demo
    keyboard-navigation
  • Accessibility

    The jQuery ButtonGroup is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery ButtonGroup Accessibility documentation
    jQuery accessibility