components/src/material/button-toggle/button-toggle.html at main · angular/components · GitHub

36 lines (34 loc) · 1.37 KB

<button #button class="mat-button-toggle-button mat-focus-indicator"

type="button"

[id]="buttonId"

[attr.role]="isSingleSelector() ? 'radio' : 'button'"

[attr.tabindex]="disabled && !disabledInteractive ? -1 : tabIndex"

[attr.aria-pressed]="!isSingleSelector() ? checked : null"

[attr.aria-checked]="isSingleSelector() ? checked : null"

[disabled]="(disabled && !disabledInteractive) || null"

[attr.name]="_getButtonName()"

[attr.aria-label]="ariaLabel"

[attr.aria-labelledby]="ariaLabelledby"

[attr.aria-disabled]="disabled && disabledInteractive ? 'true' : null"

(click)="_onButtonClick()">

@if (buttonToggleGroup && (

!buttonToggleGroup.multiple && !buttonToggleGroup.hideSingleSelectionIndicator ||

buttonToggleGroup.multiple && !buttonToggleGroup.hideMultipleSelectionIndicator)

) {

<mat-pseudo-checkbox

[disabled]="disabled"

state="checked"

aria-hidden="true"

appearance="minimal"/>

</div>

}

<ng-content></ng-content>

</span>

</button>

<span class="mat-button-toggle-ripple" matRipple

[matRippleTrigger]="button"

[matRippleDisabled]="disableRipple || disabled">

</span>

Expand file tree