How to create new lines in UI forms using translations?

[last matrix]

When adding text directly to UI forms, \n can be used to signify line spacing; however, using translation keys (from .lang files) doesn't allow me to use \n.

How do I create line spacing using translation keys?

As an example, I need a UI button to have two lines like so:

(Without translation keys) "Button Text\nButton Subtext"

^ How do I do this with translation keys? ^

[flat axle]

Multiple translation keys

[bright knot]

``` If you use `` instead of “” you can just enter in the text.

Example :
Hello Bedrock Addons Discord

Is the same as

“Hello Bedrock \nAddons \nDiscord!” ```

[left trench]

I didn't know template literals could also do that

[last matrix]

How would it be structured though since I can't get it to work

[flat axle]

%translation.key1%\n%translation.key2%\n%translation.key3%

[last matrix]

Really, that easy? Here's me trying to nest rawText blocks in one another

[last matrix]

Not working for me. Here's what I have:

.button({ translate: "%test.key1%\n%test.key2%" });

Am I formatting it wrong?

[flat axle]

No .button("%translation.key1%\n%translation.key2%\n%translation.key3%"

[last matrix]

Sort of works, although it's adding a percentage sign before each line break

[flat axle]

you might not need one of the %

[atomic mantle]

yeh

only one % at the start