Text

The most-used element. Renders text content with full Liquid template support for dynamic values.

Usage

The text prop accepts Liquid syntax:


Hello {{ answers.name | default: 'friend' }}!
 
Your plan: {{ products.selected.price }}/{{ products.selected.period }}

Any variable can be interpolated using the {'{{ variable }}'} syntax. When the variable value changes, the text updates automatically.

Common Patterns

Personalized greeting


Hey {{ answers.name | default: "there" }}, based on your answers, here's your personalized plan.

Product pricing


{{ products.selected.displayName }}:
{{ products.selected.price }}/{{ products.selected.period }}

Conditional content


{% if products.selected.hasTrial %}
  Start your {{ products.selected.trialDays }}-day free trial
{% else %}
  Get started for {{ products.selected.price }}/{{ products.selected.period }}
{% endif %}

See Liquid Templates for the full syntax reference.