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

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.

Definition

Package:@progress/kendo-angular-inputs

Selector:kendo-formfield

Syntax:

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>

Inputs

Defines the colspan for the form field. Can be a number or an array of responsive breakpoints.

Specifies when to show the error messages:

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

'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.
Default:

'initial'

In this article
DefinitionInputscolSpanshowErrorsshowHints
Not finding the help you need?
Contact Support