Number Input
The Number Input component allows users to enter numbers. It can be used as a standalone component or in form fields. In this document, we'll go through all the configuration options for the Number Input component.
Properties
Property | Description | Expected Value |
---|---|---|
Default Value | Default Value is the initial value in the Number Input field when the application is loaded. It is a pre-established value that will be retrieved from the number input component if no modifications are made to it. | Any numeric value |
Minimum value | Sets the minimum value that can be entered in the input field. | Any numerical value |
Maximum value | Sets the maximum value that can be entered in the input field. | Any numerical value |
Placeholder | The placeholder value is displayed when no user input has been made yet. It disappears once the user interacts with the control, such as typing a number or using the arrow keys on the right side of the component. | Enter some instructional text as the value (example: "Type number here") |
Loading state | The loading state can be enabled to show a spinner as the content of the number input. This is commonly used with the isLoading property of queries to indicate a loading status while a query is being executed. | Use the toggle button or dynamically configure the value by clicking on Fx and entering a logical expression that results in either {{true}} or {{false}} |
Decimal places | This controls decimal places in the number input. You pick how many decimals you want. If you choose {{2}} , any decimals will be rounded to two places. Use {{0}} for whole numbers or increase for more precision. | Any numeric value |
Events
To add an event to the Number Input component, go to the Events section and click on Add handler.
Event | Description |
---|---|
On change | This event fires whenever the value of the number input component is changed. |
info
Check Action Reference docs to get the detailed information about all the Actions.