Grid Cell Actions

ProNew

A row action menu button with a separator before destructive items and a label that names the row.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Use it as the last column for edit, duplicate and delete. If a row has one obvious action, show a button instead.


pnpm dlx shadcn@latest add @tealmac-pro/grid-cell-actions

Prop	Type	Description
`rowLabel`	`string`	Names the row in the button: "Actions for Ava Stone".
`actions`	`GridRowAction[]`	label, onSelect, destructive, disabled.

Every button has a different name because it includes the row, so a screen reader list of buttons is usable.
Destructive items are separated and use the destructive style; the menu is a standard Radix menu.