Tags

The TagsComponent is an Angular component designed to manage and display a list of tags. It provides functionality for adding, removing, and validating tags, making it suitable for scenarios where multiple tags need to be inputted.

Usage

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

<base-tags
  [id]="tagId"
  [name]="tagName"
  [infoText]="tagInfoText"
  [label]="tagLabel"
  [placeholder]="tagPlaceholder"
  [autocomplete]="tagAutocomplete"
  [tabIndex]="tagTabIndex"
  [control]="tagFormControl"
  [options]="tagOptions"
  [custom]="tagCustom"
  [removeByKey]="tagRemoveByKey"
  [required]="tagRequired"
  [objectPath]="tagObjectPath"
  [validators]="tagValidators"
></base-tags>

Styling

The component's styling is managed through the associated SCSS file (tags.component.scss). Adjustments to the tag appearance and input field can be made by modifying the styles in this file.

Notes

• The TagsComponent offers a flexible solution for handling and displaying a list of tags.
• Customize the component's behavior by adjusting various input properties such as autocomplete, custom, `removeByKey, and others.
• Ensure that Bootstrap styles are available for consistent styling.
• For more detailed information, refer to the inline code comments in the source files.