Button Toggle
Button Toggle
medium
squircle
<mat-button-toggle-group [value]="'bold'" class="sz-medium sh-squircle" aria-label="Font Style">
<mat-button-toggle value="bold">Bold</mat-button-toggle>
<mat-button-toggle value="italic">Italic</mat-button-toggle>
<mat-button-toggle value="underline">Underline</mat-button-toggle>
</mat-button-toggle-group>Icon Button Toggle
medium
squircle
<mat-button-toggle-group [value]="'center'" class="sz-medium sh-squircle" aria-label="Text Alignment">
<mat-button-toggle value="left" aria-label="Align left">
<mat-icon class="material-symbols-outlined">format_align_left</mat-icon>
</mat-button-toggle>
<mat-button-toggle value="center" aria-label="Align center">
<mat-icon class="material-symbols-outlined">format_align_center</mat-icon>
</mat-button-toggle>
<mat-button-toggle value="right" aria-label="Align right">
<mat-icon class="material-symbols-outlined">format_align_right</mat-icon>
</mat-button-toggle>
<mat-button-toggle value="justify" aria-label="Align justify">
<mat-icon class="material-symbols-outlined">format_align_justify</mat-icon>
</mat-button-toggle>
</mat-button-toggle-group>Multiple Selection Toggle
medium
squircle
<mat-button-toggle-group multiple class="sz-medium sh-squircle" aria-label="Font Formatting">
<mat-button-toggle value="bold">Bold</mat-button-toggle>
<mat-button-toggle value="italic">Italic</mat-button-toggle>
<mat-button-toggle value="underline">Underline</mat-button-toggle>
<mat-button-toggle value="strikethrough">Strikethrough</mat-button-toggle>
</mat-button-toggle-group>