跳到主要内容

GroupMenuItem

GroupMenuItem is one action button of a TableGroupMenu, the toolbar that replaces the table header while rows are selected.

The Table README describes it in full.

GroupMenuItemGroupMenuItem

Props​

PropertyTypeDescription
itemTGroupMenuItemThe action: its label, icon URL, tooltip, click handler, and the options of its menu when it has one.
isBlocked?booleanundefinedGreys the button out and ignores clicks on it. Default: false.
dataTestId?stringundefinedValue of the item's data-testid attribute. Default: group-menu-item.

Stories​

Default​

A single action applied to every selected row with one click, the most common entry of a group menu; change any other prop live in the Controls panel below.

DefaultDefault

With Dropdown​

An action with variants: click the button and pick one of its options from the menu under it (withDropDown, options).

With DropdownWith Dropdown

Blocked​

The same button greyed out and ignoring clicks, while an operation on the selection is still running (isBlocked).

BlockedBlocked