How to implement custom Handle?

[Yeenyeong]

I want to replace the solid point with some icon. Is there any way to do that?

[bcakmakoglu]

The Handle component has a default slot you can fill with anything you like.

<Handle>
	<CustomHandleContent />
</Handle>

Just overwrite the handle styles if necessary and pass your component inside and style it.

.vue-flow__handle {
	height: unset;
	width: unset; /* or whatever you need for your css, this is just an example */
}