Text-based input fields for collecting typed data from users.
input
Text-based input with HTML5 type support.
{
key: 'email',
type: 'input',
value: '',
label: 'Email',
required: true,
email: true,
placeholder: 'user@example.com',
props: {
type: 'email', // 'text' | 'email' | 'password' | 'number' | 'tel' | 'url'
}
}Core Properties:
placeholder: Input placeholder text (at field level, not in props)
Core Props:
type: HTML input type ('text'|'email'|'password'|'number'|'tel'|'url')
Adapter Props
| Prop | Type | Description |
|---|---|---|
variant | 'outlined' | 'filled' | PrimeNG input style variant |
size | 'small' | 'large' | Input size |
hint | string | Helper text below the field |
textarea
Multi-line text input.
{
key: 'bio',
type: 'textarea',
value: '',
label: 'Biography',
maxLength: 500,
placeholder: 'Tell us about yourself',
props: {
rows: 4,
}
}Core Properties:
placeholder: Placeholder text (at field level, not in props)
Core Props:
rows: Number of visible text rows
Adapter Props
| Prop | Type | Description |
|---|---|---|
autoResize | boolean | Auto-expand to fit content |
hint | string | Helper text below the field |