Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA selectable list with an selection bar that appears for the selection and a popconfirm that states the exact count before deleting them all.
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 people select several rows and delete them in one go. The count in the question is the safeguard against deleting everything by accident.
Do not use it when only one item can be selected (use Popconfirm Delete Row), or the delete can be undone and an Undo flag is enough.
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 |
|---|---|---|---|
items | PopconfirmBulkDeleteItem[] | required | - |
onDelete | (ids: string[]) => Promise<void> | required | Deletes all the given ids in one request. |
noun | string | optional | Singular noun, for example "file". |
The pattern ships with a Testing Library test (popconfirm-bulk-delete.test.tsx) that covers the bar appearing with a selection, the exact count in the question, deleting every selected item, keeping the selection on failure and the mixed select-all.