Kendo UI for jQuery

jQuery ActionSheet

  • Easily add popular iOS-style interactivity with this customizable jQuery menu component.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
  • Overview

    The jQuery ActionSheet, or BottomSheet, is a great UX element for smaller screens when you need to alert or prompt users to take required or important actions. It appears on the bottom of a screen as a modal dialog and presents users with a choice of actions that they must take. Since this technique was popularized by iOS and also used by Android, ActionSheet gives you an easy way to add a popular workflow to mobile or responsive applications.

    See the jQuery ActionSheet demo

  • Customizable Items

    To make it easy to integrate the component into your app’s look, feel, and behavior, the items displayed by the ActionSheet are configurable. You can set each item’s text, icon, group, description, and click event handler name.

    Read the ActionSheet Items documentation

  • Events


    You can customize the ActionSheet’s functionality by subscribing to the exposed Open and Close events.

    Read the ActionSheet Events documentation.

  • Keyboard Navigation

    Your users will enjoy full keyboard support with actions for changing focus, selection, and item navigation.

    See the jQuery ActionSheet Keyboard Navigation demo

  • Accessibility

    The ActionSheet is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.1, and keyboard support.

    Read the jQuery ActionSheet Accessibility documentation

All Kendo UI for jQuery Components

Next Steps