Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/forms/custom-form-builder.tsx

@@ -1130,6 +1130,12 @@ export function CustomFormBuilder() {
               <div>
                 <Label className="text-xs uppercase tracking-wider text-muted-foreground">Variables</Label>
                 <p className="text-xs text-muted-foreground mt-1">Click to insert at cursor.</p>
+                <p className="text-[11px] text-muted-foreground mt-1 leading-snug">
+                  Control case with <code className="font-mono">|upper</code>,{" "}
+                  <code className="font-mono">|lower</code>, <code className="font-mono">|title</code>, or{" "}
+                  <code className="font-mono">|sentence</code>. Example:{" "}
+                  <code className="font-mono">{`{{ownerName|upper}}`}</code>
+                </p>
               </div>
               <div className="relative">
                 <Search className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />