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.
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.
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.
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.