KendoReact
React ActionSheet
- Add a slide-up menu with important actions optimized for mobile screens.
- Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
- Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
-
Slide Up a Navigation Menu From the Bottom of the Screen
The React 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.
-
Items
The React ActionSheet provides options to help customize the layout and look of the items within it. These include:
- Defining groups
- Setting icons
- Styling items
-
Custom Rendering
The React ActionSheet supports templates to help you make the menu fit your app's appearance requirements. Set the title template or the item template to uniformly configure the component with styles, colors, icons, images, and more.
-
Accessibility
The KendoReact component 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.
Next Steps
See KendoReact in action and check out how much it can do out-of-the-box.
Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.
Try KendoReact with dedicated technical support.