I have a custom component but I don't know how to make the fill different when the mouse hovers over it. I've made a custom property called hover fill but that doesn't seem to work

I have a custom component but I don't know how to make the fill different when the mouse hovers over it. I've made a custom property called hover fill but that doesn't seem to work
I don't think this will work (at least not now). Because this property (HoverFill) has an event that listens when the mouse is hovered over the control.
One idea would be to place a control that serves as a background (rectangle, button, etc.) and set this property.