Conditional Examples

Conditional logic with q:if, q:else, and q:elseif.

All Examples

No examples match your filters.

Conditional Patterns

Basic If

xml

<q:if condition="{isLoggedIn}">
  <p>Welcome back!</p>
</q:if>

If-Else

xml

<q:if condition="{age >= 18}">
  <p>Adult content</p>
<q:else>
  <p>Content for minors</p>
</q:else>
</q:if>

Multiple Conditions

xml

<q:if condition="{score >= 90}">
  <p>Grade: A</p>
<q:elseif condition="{score >= 80}">
  <p>Grade: B</p>
<q:elseif condition="{score >= 70}">
  <p>Grade: C</p>
<q:else>
  <p>Grade: F</p>
</q:else>
</q:if>

Comparison Operators

xml

<!-- Equality -->
<q:if condition="{status == 'active'}">...</q:if>

<!-- Numeric comparison -->
<q:if condition="{count > 0}">...</q:if>

<!-- Boolean -->
<q:if condition="{isEnabled}">...</q:if>
<q:if condition="{!isDisabled}">...</q:if>

State Management - Variables to test
Loops - Conditionals inside loops
Authentication - Auth-based conditionals