In my application, I wrote a custom component to display the header and subheader for each page. See code below:

      <H 
        header = "Header" 
        subheader = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, \
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
      />

Problem: I want to split the string across multiple lines, so I added a backslash \ as suggested to do in this source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Unterminated_string_literal.

However, when the page is rendered the \ is included in the subheader text.

How can I have multiple line string with the correct text displaying?

Note: I also tried in single vs double quotes and tried using the +operator.

Update: I got it to work by adding `` between the text and by placing {} around everything.