Events and Handlers¶

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

Event	Description
On Change Event	Triggers when the component's state (value) changes.
On Focus Event	Triggers when the component receives the focus for data entry or by pressing the Tab key.
On Lost Focus Event	Triggers when the component loses focus.
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.
On Key Down Event	Triggers when a key is pressed.
On Key Up Event	Triggers when a key is released.

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.
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 input's label. The value returned by the event handler will be used as the input label.
Value Logic	Determines the value of the component. The input's value is what the user enters or using this handler your logic can determine it.
Placeholder Logic	Represents logic to define a component placeholder. An input placeholder is what the user sees before filling in the input or using this handler, your logic can determine this.
Read-Only State Logic	Determines if the input component should be read-only. When the handler returns `true`, the input component becomes read-only.
Disabled State Logic	Determines if the component should be disabled. If the handler returns `true`, the component will be disabled.
Required State Logic	Allows configuring the component dynamically. A required component prevents form submission until it has a value.