core/forms/input-group-list.component.ts
| selector | c8y-input-group-list |
| standalone | true |
| imports |
NgIf
TooltipModule
IconDirective
C8yTranslatePipe
|
| 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>