Input Field is a form component used to collect text or numeric input from users. It can be configured to accept specific types of data such as text, email, or number and supports validation rules to ensure data correctness.
The Input Field component provides a customizable field for user entry with options for:
required or email.min and max.Key features:
email for text input or min/max for numbers.Complete JSON Object
{
"key": "InputKey",
"type": "input",
"props": {
"label": "Input Name",
"required": true,
"placeholder": "Input Placeholder",
},
"validation": {
"messages": {
"required": "Error message for `required`"
}
},
"validators": {
"validation": ["email"]
}
}
{
"key": "InputKey",
"type": "input",
"props": {
"type": "number",
"label": "Number Input Name",
"required": true,
"placeholder": "Number Input Placeholder",
"min": 10,
"max": 90,
},
"validation": {
"messages": {
"required": "Error message for `required`",
"min": "Minimum number not met",
"max": "Maximum number exceeded"
}
},
}
Allowed Custom Properties
Allowed Validations