The Connection.Triggers.Delete component manages the connection deletion process. It provides:
  • Custom deletion UI integration
  • Connection state management
  • Callback system for deletion events
  • Error handling

​
Installation

yarn add @runmorph/atoms

​
Usage

"use client"
import { Connection } from "@runmorph/atoms";
import { Button } from "@/components/ui/button";
import { IconTrash } from "@/components/ui/icons";

function DeleteConnectionButton({ sessionToken }) {
    return (
        <Connection.Triggers.Delete sessionToken={sessionToken}>
            <Button variant="destructive" size="sm">
                <IconTrash className="mr-2 h-4 w-4" />
                Delete Connection
            </Button>
        </Connection.Triggers.Delete>
    );
}

export default DeleteConnectionButton;

​
Props

​
children
ReactElement
required
A valid React element that will trigger the deletion action. Must accept onClick and onKeyDown event handlers.
​
sessionToken
string
required
A session token for the connection to be deleted.
​
connectionCallbacks
object

​
Internationalization

The component supports internationalization for error messages through:
  • triggers.delete.errors.missingToken
  • triggers.delete.errors.missingMethod
  • triggers.delete.errors.invalidChildren