Text Transformation Helpers

{{uppercase "hello world"}}

<span class="badge">{{uppercase status}}</span>
<!-- Output: <span class="badge">ACTIVE</span> -->

{{lowercase "Hello World"}}

<a href="mailto:{{lowercase email}}">{{email}}</a>

{{capitalize "hello WORLD"}}

<p>Status: {{capitalize status}}</p>
<!-- Input: "PENDING" → Output: "Pending" -->

{{titleCase "hello world example"}}

<h2>{{titleCase documentTitle}}</h2>
<!-- Input: "annual report 2024" → Output: "Annual Report 2024" -->

{{slugify "Hello World! This is a Test"}}

<a href="/products/{{slugify productName}}">{{productName}}</a>
<!-- Input: "Premium Widget Pro" → href="/products/premium-widget-pro" -->

{{camelCase "hello world example"}}

data-field="{{camelCase fieldName}}"
<!-- Input: "First Name" → data-field="firstName" -->

{{snakeCase "Hello World Example"}}

{{snakeCase "Product Name"}}
<!-- Output: product_name -->

{{initials "John David Smith"}}

<div class="avatar">{{initials customerName}}</div>
<!-- Input: "Alice Johnson" → Output: "AJ" -->

{{! Uppercase initials }}
{{uppercase (initials name)}}

{{! Slug from title case }}
{{slugify (titleCase rawTitle)}}

{{! Capitalize then truncate }}
{{truncate (capitalize description) 50}}

<span class="badge badge-{{lowercase status}}">
  {{uppercase status}}
</span>
<!-- Input: status = "Active" -->
<!-- Output: <span class="badge badge-active">ACTIVE</span> -->

<div class="avatar" title="{{titleCase name}}">
  {{initials name}}
</div>

<a href="/category/{{slugify category}}/{{slugify productName}}">
  {{titleCase productName}}
</a>