Skip to main content

Hover

Enable tracking when a pointer enters/leaves the component or moves within it.

modifier Hover

Example​

import { Hover, Text } from ui

component HoverText {
    hovered: Bool = false

    Text( self.hovered ? "Hovered" : "Not Hovered" ) with {
        Hover(self.$hovered)
    }
}

export var main: Component = HoverText()

Constructors​

Binding​

constructor(_ hovered: $<Bool>)

Allows tracking whether a pointer is within the component.

_ hovered: $<Bool>

A binding for the hover state.

Event Callbacks​

constructor(enter: (HoverEvent) -> (), move: (HoverEvent) -> (), exit: (HoverEvent) -> ())

Allows tracking when a pointer enters/exits the component or moves within it.

enter: (HoverEvent) -> ()

Called when a pointer enters the component.

See HoverEvent.

move: (HoverEvent) -> ()

Called when an already entered pointer moves within the component.

See HoverEvent.

exit: (HoverEvent) -> ()

Called when an already entered pointer exits the component.

See HoverEvent.

Layout Behavior​

None.