Skip to content

Events and Handlers

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

Events

Event
Description
On Click Event
Triggers when the user clicks the mouse or taps 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.

Handlers

Handler
Description
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
Determines what text should be shown in the tooltip.
Tooltip Visibility Logic
Determines if the tooltip should be visible. If the handler returns true, the tooltip will be displayed.
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.
Label Logic
Determines the value of the button's label. The value returned by the event handler will be used as the button label.
Variant Logic
Determines the variant of the button. The value returned by the event handler will be used as the button variant. It can be nullable or one of the following: contained, outlined, text.
Disabled State Logic
Determines if the component should be disabled. If the handler returns true, the component will be disabled.