The action affordance at the end of a table row: up to a few inline icon buttons, everything else behind an overflow menu.
At rest, only the overflow trigger is visible. Inline actions appear on hover or focus-within.
Hover over the row below to reveal inline actions. The overflow trigger stays visible.
Click the overflow trigger to open the menu. Only one menu can be open at a time.
Destructive actions sit below a divider at the end of the menu, coloured with --theme-error.
Actions with group values get a divider between different groups, none at the ends.
Disabled actions are rendered, not hidden. disabledReason becomes the tooltip and is appended to the accessible name.
With inline-count="0", all actions go to the overflow menu. Only the trigger is visible.
With always-visible, inline actions are always shown, no hover needed.
Buttons are 28x28 at sm, 32x32 at md and lg. On coarse pointers they are all 44x44.
Three rows with actions. Hover a row to reveal inline actions. This is the primary use case.
| Name | Type | Actions |
|---|---|---|
| Acme Holdings | LLC |
|
| Globex Corporation | C-Corp |
|
| Initech | S-Corp |
|
When disabled is set on the host, all actions and the menu are disabled.
Events from all row-actions components above are logged here.