ObjectUIComponentsForm
Input
Basic text input field for user data entry
Examples
Basic Input
{
"type": "input",
"placeholder": "Enter text..."
}With Label
{
"type": "input",
"name": "email",
"label": "Email",
"placeholder": "you@example.com"
}Input Types
{
"type": "stack",
"gap": 3,
"children": [
{
"type": "input",
"label": "Email",
"inputType": "email",
"placeholder": "email@example.com"
},
{
"type": "input",
"label": "Password",
"inputType": "password",
"placeholder": "••••••••"
},
{
"type": "input",
"label": "Number",
"inputType": "number",
"placeholder": "123"
}
]
}Schema
interface InputSchema {
type: 'input';
name?: string;
label?: string;
inputType?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
placeholder?: string;
defaultValue?: string | number;
required?: boolean;
disabled?: boolean;
readonly?: boolean;
}