Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA table whose rows each carry a delete button that asks first in an anchored popconfirm, removes the row when the request succeeds and announces what was removed.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when a list or table has per-row delete and the row is small enough that a dialog would feel heavy. The popconfirm stays next to the button, so the person never loses their place.
Do not use it when the data cannot be recovered and is costly to lose (use Confirm Destructive Action and make them type the name), or the delete is cheap and reversible (delete at once and offer Undo).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
rows | PopconfirmDeleteRowItem[] | required | The rows to show. |
onDelete | (id: string) => Promise<void> | required | Deletes one row on the server. A rejection keeps the row and the popconfirm open. |
entity | string | optional | What a row is called in the question, for example "invoice". |
The pattern ships with a Testing Library test (popconfirm-delete-row.test.tsx) that covers asking first, removing only after success, keeping the row on failure or Keep, and the empty state.