Preview

Left Center Right Left Center Right Top Center Bottom

Button Group

<mat-button-toggle-group>

Toggle buttons can be used to group related options. To emphasize groups of related toggle buttons, a group should share a common container.

Active and available toggle buttons:

A toggle button’s state makes it clear which button is active. Hover and focus states express the available selection options for buttons in a toggle group.