[Bug Report][3.0.0-beta.15] Multiline snackbar example isn't multi-line

[Maxhodges]

Environment

Vuetify Version: 3.0.0-beta.15 Vue Version: 3.2.41 Browsers: Chrome 106.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

Your demo in the docs for multi-line SNACKBAR isn't multi-line. So it's not clear how to do multi-line. I tried "line one\nline two" but that didn't work. i need a better example

Expected Behavior

show two lines

Actual Behavior

shows one line

Reproduction Link

https://codepen.io/maxhodges/pen/oNyjZaQ?editors=101

[Viicos]

The multi-line prop is supposed to be a boolean, and the 2.x docs example is indeed unclear, as it is using the prop this way:

:multi-line="multiLine"

In the 3.x docs, the multi-line prop is used correctly, but the example text is misleading as it includes a \n character and text is not wrapped according to this newline character.

[SOONwasTaken]

Is there any updates to this issue? I am in need of a multi-line snackbar and this is still happening on the latest version of Vuetify.

However, if you are in need of a workaround, you can return an array of strings from whatever service is giving you your response message, and use <br /> tags to render the new lines. To make it easy you can use <div v-for ...> or <template v-for ...>.

Working proof of concept is here.