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

Overview

The dropdown 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 dropdown button sizes (default and small) as required in your application.


Icons

Users tend to perceive visual information better than text. The dropdown 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.

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

JavaScript Dropdown menu separator grouping similar action items


Customization

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

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

JavaScript Dropdown button without caret

Pop-up with multilevel submenu

The dropdown menu pop-up can be customized with a context menu control to add submenu items.

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

50+ JAVASCRIPT CONTROLS

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

Scroll up icon

Warning Icon 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.Close Icon