Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn action sheet whose destructive option names the item, runs the delete and then offers an undo bar before the item is really gone. Use this when a phone user can delete one item from a list and the delete is cheap to reverse.
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 it when a phone user can delete one item from a list and the delete is cheap to reverse.
Do not use it for deletes that cannot be undone, where typing the name to confirm is safer (use Confirm Destructive Action).
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 | Default | Description |
|---|---|---|---|
itemName | string | required | Name of the item, shown in the sheet title and the undo message. |
onDelete | () => void | required | Remove the item right away. |
onUndo | () => void | required | Put the item back. |
children | ReactNode | - | The trigger button. |
Delete {item}, never only an icon or a colour.The pattern ships with a Testing Library test (delete-item-action-sheet.test.tsx) that drives it through roles and the keyboard.