I'm frequently adding newline characters to labels. But the editor doesn't provide an easy way to enter a newline character, or other characters (more outlined later).
Assuming you already have
props.style.whiteSpace: pre-wrap
added... it already honors these characters. But there's no easy way to add them.
I see two methods, neither of which is straight-forward:
  1. Copy in the text from a text editor, with newlines already in place.
  2. Enter a really long string, that overflows the property editor to show the 'edit long/multiline text' button in the properties pane.
Otherwise, that 'edit long/multiline text' button is not available.
I'd love to simply have the ability to enter some special characters in a similar manner to how you'd add them in Microsoft Word or Excel:
* Newline: CTRL ENTER or ALT ENTER or SHIFT ENTER
* Non-breaking space: CTRL SHIFT SPACE
* Non-breaking hyphen: CTRL SHIFT (-)
Feel free to adjust the key combos. But in short, these characters are very useful and having a way to enter them would be nice.

Photo Viewer

View photos in a modal