Skip to content

SiFormFieldComponent documentation

selector
si-form-field

Constructs a full form field including error messages, labels and aria-* attributes. It must be used with Angular's signal forms.

Example:

<si-form-field label="Name">
  <input class="form-control" [formField]="form.name" />

  <!-- Optional help button -->
  <button
    si-help-button
    type="button"
    siHelpTitle="Help for name"
    siHelpContent="The context help description"
  >More information about the name</button>
</si-form-field>

Input Properties

NameTypeDefaultDescription
label
Required		TranslatableStringThe label to be displayed in the form field. It will be translated if a translation key is available.

Types Documentation

(string & Translatable)
Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.

Except where otherwise noted, content on this site is licensed under MIT License.