Refence Input

The `ReferenceInputComponent is an Angular component designed for handling references in a form, providing both a searchable input and a dropdown select for referencing objects. It supports features such as creating new references, handling validation, and displaying relevant information.

Usage

The component can be used in an Angular template by adding the <base-reference-input> tag and binding necessary input properties.

<base-reference-input
  [id]="id"
  [name]="name"
  [infoText]="infoText"
  [label]="label"
  [isList]="isList"
  [search]="search"
  [useParamAsArg]="useParamAsArg"
  [param]="param"
  [placeholder]="placeholder"
  [autocomplete]="autocomplete"
  [tabIndex]="tabIndex"
  [control]="control"
  [required]="required"
  [method]="method"
  [fields]="fields"
  [valueField]="valueField"
  [objectPath]="objectPath"
  [nameField]="nameField"
  [creationLink]="creationLink"
></base-reference-input>

Styling

The component uses Bootstrap classes and custom styling to achieve a responsive and visually appealing design.

Notes

  • Ensure that the necessary GraphQL services, meta-data, and configurations are set up for the component to work correctly.
  • The component supports customization through various input properties.
  • It provides a seamless user experience for referencing objects in a form.

For more detailed information, refer to the inline code comments in the source files.

Table of Contents