715 Framework

Automatic Text Input

Hello {{userName}}!

Automatic Counter

Automatic Show/Hide

Show message

✅ This appears automatically when checked!

⚠️ Counter is above 3! Current: {{count}}

Automatic Slider

Size: {{boxSize}}px

{{boxSize}}px

Mathematical Operations & String Concatenation

Enter a number

Original: {{mathNumber}}

Plus 10: {{mathNumber + 10}}

Times 2: {{mathNumber * 2}}

Squared: {{mathNumber * mathNumber}}

Complex: {{(mathNumber + 5) * 2 - 1}}

Enter your name

Original: {{greetingName}}

With Hello: {{"Hello " + greetingName}}

With suffix: {{greetingName + "!"}}

Full greeting: {{"Hello " + greetingName + ", welcome!"}}

With number: {{greetingName + " #" + mathNumber}}

Mixed Operations

Count + 5: {{count + 5}}

Box size / 2: {{boxSize / 2}}px

Dynamic message: {{showMessage ? "Message is ON" : "Message is OFF"}}

User + Count: {{userName + " has " + count + " items"}}

Computed Variables

First Name

Last Name

Full Name: {{fullName}}

Computed automatically from firstName + lastName

Transform Filters

Enter a price

USD: {{price | currency}}

EUR: {{price | currency:EUR:en-US}}

GBP: {{price | currency:GBP:en-GB}}

NZD: {{price | currency:NZD:en-NZ}}

Enter some text

Original: {{sampleText}}

Uppercase: {{sampleText | upper}}

Lowercase: {{sampleText | lower}}

Reversed: {{sampleText | reverse}}

Slugified: {{sampleText | slug}}

Date Formatting

US Format: {{currentDate | format:en-US}}

UK Format: {{currentDate | format:en-GB}}

AU/NZ Format: {{currentDate | format:en-AU}}

ISO Format: {{currentDate | format:sv-SE}}

Automatic Theme

Theme: {{theme}}

Persists after refresh (localStorage)

Custom Actions

Current value: {{customValue}}