XDS — Design System

MoreMenu@xds/core v0.0.13 · XDSMoreMenu

Usage

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.