MoreMenu is a three-dot button that opens a list of actions. Use it for secondary actions that don't need to be always visible, like in table rows, card headers, or toolbars.
ts
import{XDSMoreMenu}from'@xds/core/MoreMenu'
Best practices
Guidance
Practices
Do
Use for overflow or secondary actions — keep primary actions visible outside the menu.
Do
Use dividers or sections to group related actions when the menu has many items.
Don't
Hide primary actions inside a MoreMenu — they should be directly visible.
Examples
Common configurations, variations, and states.
MoreMenu — Default
Basic three-dot overflow menu with simple text-only action items.
MoreMenu — In Toolbar
A three-dot menu alongside icon buttons in a card header toolbar.
MoreMenu — With Dividers
A three-dot menu with a divider separating destructive actions from safe ones.
MoreMenu — With Sections
A three-dot menu with actions organized into labeled groups.