Components: Is there any way I can add multiline in Snackbar?

Created on 9 May 2018 · 4Comments · Source: angular/components

Bug, feature request, or proposal:

Question / Feature request

What is the expected behavior?

String array can be used to display text on Snackbar in multiline

What is the current behavior?

Single string is displaying in a single line in Snackbar

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

Multiline text in Snackbar

Source

kgrvr

Most helpful comment

You could also use the stock component, pass a message with newlines, and set a custom panelClass option that applies white-space: pre-wrap or similar. I tested this and it works for me.

thw0rted on 31 May 2018

👍3

All 4 comments

Snackbars support passing in custom components instead of just strings: https://material.angular.io/components/snack-bar/examples

You can template that component however you wish

willshowell on 9 May 2018

What @willshowell said

jelbourn on 9 May 2018

You could also use the stock component, pass a message with newlines, and set a custom panelClass option that applies white-space: pre-wrap or similar. I tested this and it works for me.

thw0rted on 31 May 2018

👍3

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._}