We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The drop-down menu lets users choose from a list of actions that can be triggered. It features built-in support for icons and their positioning, varied sizes, separators, and RTL support.


Sizes

You can make use of different drop-down button sizes (default and small) as required in your application.


Icons

Users tend to perceive visual information better than text. The drop-down button has built-in options to include the icon to the left or above the text, or provide an icon-only button.


Pop-up

The pop-up is a toggleable container that holds a list of action items or custom content that will open or close when the button is clicked. You can customize all the items in the pop-up.

React Dropdown menu popup with list of action items containing text and icons


Separator

You can use a horizontal line separator to represent similar action items as a group within the list of available items.

React Dropdown button separator grouping similar action items


Customization

You can customize the drop-down button size, appearance, and feel. The drop-down menu pop-up element can also be completely customized.

You can configure the drop-down to open the pop-up without the arrow icon.

React Dropdown button without caret

Pop-up with multilevel submenu

The drop-down menu pop-up can be customized with a context menu component to add submenu items.

React Dropdown menu popup with multi-level submenu


Accessibility

  • Fully supports WAI-ARIA accessibility to work with screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • The UI element visuals such as foreground color, background color, line spacing, text, and images are designed based on WCAG 2.0.
  • Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

45+ REACT COMPONENTS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.