Skip to content

Events and Handlers

The Icon component has the following events and handlers available for use:


On Click Event
Occurs when the user clicks the component. It allows you to define actions or behaviors that will be triggered when the component is clicked, providing interactivity to your application.
On Mouse Over Event
Triggers when the user's mouse pointer hovers over the component. You can utilize this event to create effects or actions that should take place when the component is being hovered over.
On Mouse Out Event
Occurs when the user's mouse pointer leaves the component after hovering over it. It allows you to specify actions or changes that should happen when the mouse pointer moves away from the component.
On Visibility Change
Gets activated when the visibility state of the component is altered. You can use this event to define actions that need to take place when the component becomes visible or hidden.


Class List Logic
This logic involves modifying the CSS classes associated with the component dynamically.
Styles Logic
Allows you to change the styles of the component dynamically.
Tooltip Text Logic
This handler allows determining what text should be shown in the tooltip.
Tooltip Visibility Logic
Determines the visibility of the tooltip. If the handler returns true, the tooltip will be visible, and if it returns false, the tooltip will be hidden.
Visibility Logic
Allows controlling the visibility of the component based on certain conditions. You can use this event to show or hide the component depending on user actions or other factors. If the handler returns true, the component will be visible.
Icon Logic
Determines what icon to display. The handler should return a string value which is the name of an icon.