For more info please check the components's official demos & documentation
demos & documentation
<mat-button-toggle> are on/off toggles with the appearance of a button. These toggles can be configured to behave as either radio-buttons or checkboxes. While they can be standalone, they are typically part of a
mat-button-toggle-group.
Toggle me!
The button-toggles can be rendered in a vertical orientation by adding the
vertical attribute.
Toggle me!
Dividers can be added to lists as a means of separating content into distinct sections. Inset dividers can also be added to provide the appearance of distinct elements in a list without cluttering content like avatar images or icons. Make sure to avoid adding an inset divider to the last element in a list, because it will overlap with the section divider.