27 lines
454 B
TypeScript
27 lines
454 B
TypeScript
import { Handle, type Position } from "@xyflow/react";
|
|
|
|
interface LabeledHandleProps {
|
|
id: string;
|
|
type: "source" | "target";
|
|
position: Position;
|
|
title?: string;
|
|
}
|
|
|
|
export function LabeledHandle({
|
|
id,
|
|
type,
|
|
position,
|
|
title,
|
|
}: LabeledHandleProps) {
|
|
return (
|
|
<div className="relative">
|
|
<Handle
|
|
id={id}
|
|
type={type}
|
|
position={position}
|
|
style={{ background: "#666666" }}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|