How to show multiple lines in the message content of the Notification Toast

Client
,
1

Hi there,
I am trying to show a notification message with multiple lines. Something like this:

Hi user,
There is something wrong
Dear

So in the localization resource. I enter the key like this:

myResourceKey: "Hi user,\nThere is something wrong\nDear"

And then I dispatch the action

NotificationActions.add({
     otherStuff,
     message: { key: "myResourceKey" }
})

But it shows like "Hi user, There is something wrong Dear". Which is the \n is replaced by the space.
Is there any way I can do so that the notification message can show multiple lines?

We are using
client-core: 12.3.0
widgets-core: 34.5.0

Thank you

2

Hi,
IMHO, you can customize NotificationViews of A12 as below, in which NotificationContainer is your custom component (you can return your Toast inside with whatever style of message you like).

<NotificationViews.Frame notificationRenderer={() => NotificationContainer}>...</NotificationViews.Frame>
3

Yours is the only valid answer in a sense of sticking to the a12 theming concept with the current api.
The problem @quynh-wintry-root describes in here is something that would be easily solvable via css white-space: pre but to enable that on existing toast renderers message you have to follow a not recommended way of adding Global style override (NOT RECOMMENDED).