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

PropTypeDescription
size'sm' | 'lg'Bootstrap input size variant
floatingLabelbooleanUse Bootstrap floating label style
hintstringHelper text below the field
plaintextbooleanRender as plaintext (read-only appearance)

Bootstrap Bootstrap
Loading live example

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

PropTypeDescription
size'sm' | 'lg'Bootstrap textarea size
floatingLabelbooleanUse Bootstrap floating label style
hintstringHelper text below the field

Bootstrap Bootstrap
Loading live example