Kendo UI for jQuery Button Overview
The Button provides consistent styling for a clickable UI functionality rendering arbitrary content and also keyboard operability for elements that do not natively support such (for example, span).
You can initialize a single Button or multiple Buttons at once depending on your requirements.
Following the web standards requirements not to place block elements (for example, a or span) inside inline elements (for example, div or p), you can use the Button to host both element types.
However, note that due to the special and individual behavior of clickable elements, placing hyperlinks or textboxes inside the Button may cause undesired side effects.
The Button is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Functionality and Features
- Disabled Button—The Button allows you to temporary disable or enable it.
- Icon Button—You can also add a variety of icons to the Button UI elements of the page to enhance their visual representation.
- Globalization—The Button supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Button supports rendering in a right-to-left (RTL) direction.
- Accessibility—The Button is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.
To learn more about the appearance, anatomy, and accessibility of the Button, visit the Telerik and Kendo UI Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Next Steps
- Getting Started with the Kendo UI Button for jQuery
- Basic Usage of the Button (Demo)
- Basic Events in the Button (Demo)