background

Kendo UI for jQuery

jQuery Button

  • Go beyond the traditional HTML button with theming, text content, images, icons and more.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Button Header
  • Overview

    The Kendo UI for jQuery Button provides a richer feature set than a standard HTML button along with styling, consistent with the various Kendo UI for jQuery themes. The jQuery Button comes with support for text content, built-in and custom icons, images, as well as a combination of text and image.

    See the jQuery Button demo

    jquery-button-overview
  • Toggle Buttons

    A toggleable Button maintains a state of enabled or disabled upon clicking the component, leaving the component in a particular state after the user has interacted with the button. With the Kendo UI for jQuery Button component there are several styles associated with buttons toggled in their on or off states.

    toggleable-button-jquery
  • Icon Button

    You can enhance the textual content of the jQuery Button by adding a predefined or custom icon to it. Choose an icon from our icon libraries like FontAwesome or upload a custom image.

    See the jQuery Icon Button demo

    icon-button-jquery
  • Disabled Button

    By default, user can interact with the Kendo UI for jQuery Button component, but when scenarios call for preventing user interactions, you can disable the button by setting a single configuration option.

    Read the jQuery Disabled Button documentation

    disabled-button-jquery
  • Badges

    Badges are overlay indicators that give contextual information about a button. They are commonly used to show status. Examples include online/offline status and item count (think unread messages). Adding these to your buttons are as easy as adding a few properties.

    See the jQuery Button Badges demo

    button-badge-jquery
  • Globalization

    The Kendo UI for jQuery Button 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 Button 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 Button Keyboard Navigation demo
    Keyboard Navigation
  • Accessibility

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

    Read the jQuery Button Accessibility documentation.

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps