Dropdown menu should be used when additional options are available to the user and there is a space constraint.
The text within a dropdown menu should be direct so users can quickly decide on an action.
tone to help convey the implication of an item's action. Actions
that could cause a significant change to the user’s data (remove employee,
delete pay run, etc.) should use the
icon if it will help clarify the intent of the item's action.
We recommend aligning the menu "right" when the trigger is right-aligned within its container.
Use groups and dividers to separate items into appropriate sections.
Menu items can be disabled with a
When there are many items in a dropdown menu it will grow to a maximum height and the overflowing items will be scrollable.
Long labels will be truncated to avoid blowing out the menu width.
trigger prop also accepts a function to render a custom trigger element.