Template Helpers

Introduction

Template helpers are used as part of component templating and provide access to a standard set of utilities useful for manipulating template data.

Templating Guide - To learn how to use global helpers in templates see the dedicated user guide for template helpers

Installation

Template helpers are part of the templating package and is a standalone package that can be used without any other dependencies.

npm install @semantic-ui/templating

Usage

Template helpers can be used directly from any template

{{formatDate myDate 'h:mm A'}}

Helper Categories

• Array Helpers - working with arrays and lists.
• Comparison Helpers - comparing values and making decisions.
• CSS Helpers - working with CSS classes and styles.
• Date Helpers - formatting and manipulating dates.
• Debug Helpers - debugging and logging within templates.
• Logical Helpers - conditional checks and logical operations.
• Numeric Helpers - working with numbers.
• Object Helpers - manipulating and transforming objects.
• Reactivity Helpers - working with reactive computations.
• String Helpers - string manipulation and formatting.