Text component, new line for each bullet point

App Building
,
1

I am working with text component, and I am trying to separate each bullet point in the text with a newline. Does anyone know how to create a newline in the text component.

Let's say the input of the text component is like this:

Hello {{ current_user.firstName || 'friend' }}!

  1. step 1
  2. step 2
  3. step 3

My current output looks like this:
Hello {{ current_user.firstName || 'friend' }}! 1. step 1 2. step 2 3. step 3

2

You should be able to add newlines in the value box of the component. It accepts markdown so preceding the line with a number and . should create the numbered bullets:
image
Alternatively you can add a - instead of the number and it'll create a bullet point.

If your list of items is dynamic you could use some javascript
image

Does this help?

1 Like