<!-- blocks.md -->
#! blocksmd-branding = hide

name* = TextInput(
	| question = What is your name?
	| description = 
		Let's get started with the survey. First, please tell
		us your full legal name according to your passport.
)

---
Hey {$ name $} 👋

It's a **pleasure** to meet you. Let us continue.

---
email* = EmailInput(
	| question = What is your email address?
	| description =
		Please enter an email address where we can reach you
		for a reply. Make sure to avoid spelling mistakes.
)

---

color* = SelectBox(
  | question = What is your favorite color?
  | options = Red, Green, Blue
  | selected = Green
  | description = Some description
  | fieldSize = sm
  | subfield
  | autofocus
  | placeholder = Some placeholder text
)

---
Hey {$ name $} 👋

It's cool that your favorite color is {$ color $}.