core/forms/input-group-list.component.ts
selector | c8y-input-group-list |
templateUrl | input-group-list.component.html |
Methods |
Inputs |
Outputs |
index |
Type : number
|
minus |
Type : boolean
|
Default value : true
|
plus |
Type : boolean
|
Default value : true
|
onAdd |
Type : EventEmitter<number>
|
onRemove |
Type : EventEmitter<number>
|
add |
add()
|
Returns :
void
|
remove |
remove()
|
Returns :
void
|
<ng-container>
<div class="input-group">
<ng-content></ng-content>
<div class="input-group-btn">
<button
*ngIf="minus"
tooltip="{{ 'Remove' | translate }}"
[attr.aria-label]="'Remove' | translate"
[delay]="500"
type="button"
class="btn btn-dot btn-dot--danger"
(click)="remove()"
>
<i c8yIcon="minus-circle"></i>
</button>
<button
*ngIf="plus"
tooltip="{{ 'Add' | translate }}"
[attr.aria-label]="'Add' | translate"
[delay]="500"
type="button"
class="btn btn-dot text-primary"
(click)="add()"
>
<i c8yIcon="plus-circle"></i>
</button>
</div>
</div>
</ng-container>