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
variant'outlined' | 'filled'PrimeNG input style variant
size'small' | 'large'Input size
hintstringHelper text below the field

PrimeNG PrimeNG
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
autoResizebooleanAuto-expand to fit content
hintstringHelper text below the field

PrimeNG PrimeNG
Loading live example