igniteui-angular-sovn/src/lib/buttonGroup/buttongroup-content.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<div class="igx-button-group" role="group" [class.igx-button-group--vertical]="isVertical">
    <button *ngFor="let button of values; let i = 'index'"
        type="button"
        igxButton="flat"
        [displayDensity]="displayDensity"
        [selected]="button.selected"
        [attr.data-togglable]="button.togglable"
        [disabled]="disabled || button.disabled"
        [igxButtonColor]="button.color"
        [igxButtonBackground]="button.bgcolor"
        [igxLabel]="button.label"
        [igxRipple]="button.ripple"
    >
        <span class="igx-button-group__item-content {{ itemContentCssClass }}">
            <igx-icon *ngIf="button.icon">{{button.icon}}</igx-icon>
            <span class="igx-button-group__button-text" *ngIf="button.label">{{button.label}}</span>
        </span>
    </button>
    <ng-content></ng-content>
</div>