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 |
|---|---|---|
size | 'sm' | 'lg' | Bootstrap input size variant |
floatingLabel | boolean | Use Bootstrap floating label style |
hint | string | Helper text below the field |
plaintext | boolean | Render as plaintext (read-only appearance) |
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 |
|---|---|---|
size | 'sm' | 'lg' | Bootstrap textarea size |
floatingLabel | boolean | Use Bootstrap floating label style |
hint | string | Helper text below the field |