New to Kendo UI for AngularStart a free 30-day trial

FormFieldComponent

Represents the Kendo UI FormField component for Angular. Use this component to group form-bound controls (Kendo Angular components or native HTML controls). Applies styling and behavior rules.

html
<kendo-formfield>
  <kendo-label [for]="firstName"text="First Name"></kendo-label>
  <kendo-textbox formControlName="firstName" #firstName></kendo-textbox>
  <kendo-formhint>Enter your name.</kendo-formhint>
  <kendo-formerror>First name is required.</kendo-formerror>
</kendo-formfield>

Selector

kendo-formfield

Inputs

NameTypeDefaultDescription

orientation

Orientation

'vertical'

Specifies the layout orientation of the form field.

showErrors

ShowOptions

'initial'

Specifies when to show the error messages:

  • initial—Shows errors when the form control is invalid and touched or dirty.
  • always—Always shows errors.

showHints

ShowOptions

'initial'

Specifies when to show the hint messages:

  • initial—Shows hints when the form control is valid or untouched and pristine.
  • always—Always shows hints.
In this article
SelectorInputs
Not finding the help you need?
Contact Support