The drop-down button 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.
You can make use of different drop-down button sizes (default and small) as required in your application.
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.
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.
You can use a horizontal line separator to represent similar action items as a group within the list of available items.
You can customize the drop-down button size, appearance, and feel. The drop-down button pop-up element can also be completely customized.
You can configure the drop-down to open the pop-up without the arrow icon.
The drop-down button pop-up can be customized with a context menu component to add submenu items.