Kendo UI for Angular

Angular ActionSheet

  • Sometimes called a "BottomSheet", the Angular ActionSheet helps you add a popular menu that slides up from the bottom of mobile screens.
  • Part of the Kendo UI for Angular library along with 100+ professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award-winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
ActionSheet
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Slide Up a Navigation Menu From the Bottom of the Screen

    The Angular ActionSheet, sometimes called BottomSheet, is a UX device used for smaller screens when you need to alert or prompt users to action. 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 element is popular in iOS and Android, it gives you an easy way to add a popular workflow to mobile or responsive applications.

    See the Angular ActionSheet demo

  • Templates

    The Angular ActionSheet supports templates to help you make the menu fit your menu's appearance requirements. Set the title template or the item template to uniformly configure the component with styles, colors, icons, images, and more. 

    See the Angular ActionSheet Templates demo

  • Accessibility

    To ensure full accessibility, the ActionSheet is WCAG 2.1 AAA and Section 508 compliant. The component also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.

    See the Angular ActionSheet Accessibility demo

    Telerik ASP.NET Core ColorPalette Component Accessibility
  • Keyboard Navigation

    With both UX and accessibility in mind, the ActionSheet supports keyboard shortcuts for interacting with the component. Users who prefer keyboard navigation can open, navigate, and select items.

    See the Angular ActionSheet Keyboard Navigation demo

    Telerik UI for ASP.NET Core Keyboard Navigation
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI