ChipsInput
This library was generated with Angular CLI version 15.2.0.
This library provides a input where the user can easily add chips.
Inputs
Name | Type | Description | Default |
---|---|---|---|
required | boolean | True if the input is required. | true |
allowDuplicated | boolean | True if the input can not have repeated values | true |
placeholder | string | Placeholder to show in the chip input | Add a chip |
separator | string | Separator to use to split the chips along the Enter key | '' |
duplicatedErrorColor | string | Color to highlight the duplicated chip | #fda29b |
Outputs
Name | Output Type | Description |
---|---|---|
onAddedChip | string | Return the new chip added. |
onRemovedChip | string | Return the removed chip added. |
How to use
<rbp-chips-input [formControl]="control" [required]="false" [allowDuplicated]="true"></rbp-chips-input>
<rbp-chips-input [(ngModel)]="chips"></rbp-chips-input>