Button Toggle Group does not use a divider between buttons

[critchie]

Feature request

Button Toggle Group does not use a divider between buttons. I tried using the mat-divider but couldn't figure out exactly where to put it.

What is the expected behavior?

That each button in the toggle group be separated by a divider/line as the
Material Design shows.

What is the current behavior?

The buttons are not separated by any type of border.

What are the steps to reproduce?

StackBlitz

What is the use-case or motivation for changing an existing behavior?

The users are having a hard time accepting this long list of text and not realizing they are separate buttons.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

See StackBlitz

[crisbeto]

This will be addressed when we switch to the new design in #12443.

[critchie]

Sorry... I searched and searched but evidently didn't search well enough or for the right thing. Good enough. I look forward to the new design.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}