1.0.3 • Published 2 years ago
rbp-chips-input v1.0.3
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>