Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA dialog for deleting something that owns other things, where a required select picks who inherits them before the delete unlocks.
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 for teams, folders, roles, labels or users that own work. The delete cannot happen without saying where the work goes, so nothing is orphaned.
Do not use it when the children are deleted along with the parent (use a typed confirmation) or when there is only one possible heir.
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 |
|---|---|---|---|
subject | string | - | What is being deleted, written for the sentence Delete {subject}?. |
itemCount, itemNoun | number, string | -, item | How many things it owns and what to call them. |
options | { value, label }[] | - | Possible heirs. |
onConfirm | (heir: string) => void | Promise<void> | - | Receives the chosen value. |
children | ReactNode | - | The trigger. |
select with a visible label that contains the count ("Move 7 projects to"), so it works with every assistive technology and mobile picker.| Key | Action |
|---|---|
| Enter | submits when an heir is chosen |
| Escape | cancels |
The pattern ships a Testing Library test (confirm-reassign-before-delete.test.tsx) that covers the title and label with the count, the locked button, choosing and confirming and resetting on cancel.