🚀 TemplateBinder Examples

Example 1: Basic Data Binding

{{ title }}

{{ description }}

Created by: {{ author }}

Time: {{ time }}

Example 2: Counter with Events

{{ count }}

Example 3: List Rendering with @for

{{ item.name }} - ${{ item.price }}

No items in the list.

Example 4: Todo List Application

{{ item.text }}

No todos yet. Add one above!

Total: {{ todos.length }} | Completed: {{ completedCount() }}

Example 5: Dynamic Attributes & Conditionals

Status: {{ status }} {{ status.toUpperCase() }}

✓ System is running smoothly!

✗ System is currently offline.

Example 6: User Cards with Complex Data

{{ item.name }}

Email: {{ item.email }}

Role: {{ item.role }}

Status: Active ✓

Status: Inactive ✗

No users found.