HyperTemplates Attributes Reference


The core of HyperTemplates is a small but mighty set of HTML attributes that allow you to compose complex HTML documents from simple HTML templates.

ht-include
Replaces the target HTML element with elements from an external source.

Learn more

ht-if
Retains the target HTML element if a condition is true.

Learn more

ht-not
Removes the target HTML element if a condition is true.

Learn more

ht-template
Repeats the target HTML element once per occurrence of some content.

Learn more

ht-attrs
Annotates the target HTML element with one or more HTML attributes.

Learn more

ht-param
Replaces the target HTML element with Text or Element nodes.

Learn more

ht-content
Inserts text or HTML content to the target HTML element.

Learn more

ht-block
Progressively enhances the target HTML element.

Learn more

ht-pipe
Moves the target HTML element or its text contents to a destination element.

Learn more

This is the complete set of template attributes used by HyperTemplates. They were designed to be easy to learn and remember.

NOTE: HyperTemplates supports the data- prefix for all template attributes (e.g. ht-content is the same as data-ht-content).

Edit this page on GitHub

💬 Join the community

Stay up-to-date with the lastest releases and other news from Team HyperTemplates. Ask the developers questions, get help from the community, and share your creations! 🎨