1. Hello, world!

Unfortunately, this documentation tool does not allow us to add embeds, so we'll just show you the app as direct links.

This is how this app was set up:

1. We gave it a name

2. We gave it a style "transparent":

3. Not using any external data:

4. Set up a very simple flow: we get a name, and then we display it. That's it! The app is set as a workflow, that is - once it completes, it's done. No more buttons to go back and continue. Of course, if you refresh the page, you can reload the app and start again. We picked a friendly icon by clicking on it, and called the whole group of steps "Hi".

5. For the first step:
   1. We called it "Your name?"
   2. Went with the default "Next" submit button text (this came from the Style we used)
   3. Dragged a Text Input control from the left, and on the right, set two properties:
      1. Label to display
      2. Data field

The data field is a very important concept in Qreli, as this is being used to perform calculations on.

6. For the second and last step, switched "End" to on, so the app stops here. We then dragged a Text Label control from the left panel to the center, and in "Label to display" entered "Hello, ${name}! Nice to meet you!". Note ${name} — this is how you reference the contents of data fields in Qreli.