Web SDK documentation
  1. Components
  2. FormGroupComponent
core/forms/form-group.component.ts

Description

A form group helps to validate an input of a form element.

Example :
 <c8y-form-group [hasWarning]="user.email.length === 0">
  <label translate for="userEmail">Email</label>
  <input
    id="userEmail"
    class="form-control"
    type="email"
    name="email"
    [maxlength]="254"
    autocomplete="off"
    placeholder="{{'e.g. joe.doe@exmpl.com' | translate}}"
    [(ngModel)]="user.email"
    email
    required
  >
  <c8y-messages>
    <c8y-message *ngIf="user.email.length === 0" translate></c8y-message>
    <c8y-message name="required" text="The E-Mail is SUPER required"></c8y-message>
  </c8y-messages>
 </c8y-form-group>

Implements

AfterContentInit DoCheck OnDestroy

Example

Metadata

host {
}
selector c8y-form-group
standalone true
imports
templateUrl ./form-group.component.html

Relationships

Used by

Depends on

<ng-content></ng-content>
@if (!customErrorMessage) {
  <c8y-messages [show]="errors"></c8y-messages>
}

results matching ""

    No results matching ""