URL
The Number component can be used in any form to provide a numeric input field. It can be configured to be readonly, disabled, required, and can have a placeholder, helper text, and default value.
Examples
Basic URL input with required validation
Form Data:
{}
Field properties
Properties used by this field (inside meta field in schema)
Name | Description | Type |
---|---|---|
displayName | The label shown above the number field | string |
displayType | The type of the field to be displayed | string |
placeholder | The hint shown in the number field | string |
readOnly | A readonly field is not editable and value cannot be changed | boolean |
isDisabled | A disabled field is not editable and value cannot be changed | boolean |
required | Indicates whether the field is mandatory | boolean |
pattern | A regex pattern that the field value must match | string |
min | Minimum value for the field | number |
max | Maximum value for the field | number |
description | Helper text or additional description shown below the number field | string |
value | The default value of the field | number |
overrideDynamicSupport | To override the default behavior of showing static and dynamic options | boolean |
Field Properties - Validation Details
The validation settings within the Textarea component are crucial for ensuring that user input meets specific requirements. Here’s a breakdown of the available validation properties:
Property | Description |
---|---|
required | Boolean value that specifies whether entering data into the field is mandatory. |
minLength | Specifies the minimum number of characters allowed in the input. |
maxLength | Specifies the maximum number of characters allowed in the input. |
min | Specifies the minimum value allowed for number inputs, with support for dynamic values. |
max | Specifies the maximum value allowed for number inputs, also supporting dynamic conditions. |
pattern | A regex pattern that the input must match to be considered valid. |
validate | A function for custom validation logic, which can return a boolean or an error message. |
requiredDetail | Contains info msgs about the required validation property |