@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
13 lines (12 loc) • 617 B
HTML
<button class="nj-segmented-control-btn" type="button"
[ngClass]="{'nj-segmented-control-btn--selected': isSelected}"
[attr.aria-pressed]="isSelected ? 'true' : 'false'"
[disabled]="isDisabled" [attr.data-value]="value" (click)="buttonClick.emit($event)">
<nj-icon *ngIf="iconName && !hasCustomIcon" size="inherit" variant="inherit" class="nj-segmented-control-btn__icon" [name]="iconName"></nj-icon>
<span class="nj-segmented-control-btn__icon" *ngIf="hasCustomIcon">
<ng-content select="[njTagIcon]"></ng-content>
</span>
<span>
<ng-content></ng-content>
</span>
</button>