Templates are reusable content blueprints that can be rendered with any data that matches its corresponding schema.

Under the hood, templates are rendered using Handlebars, a templating engine that allows you to render dynamic content based on a JSON schema and set of data provided.

As an example, here is a template that renders a product information:

<html>
    <h1>Product Passport ${name}</h1>
    <p>Description: ${description}</p>
</html>

{
    "name": "Product Name",
    "description": "Product Description"
}

This would render the following.

<html>
    <h1>Product Passport Product Name</h1>
    <p>Description: Product Description</p>
</html>

​
Web Components and Theming

The example above is extremely bland and boring. But since it is just plain HTML, you are free to design whatever content you want.

But you might want to save yourself some time and use our prebuilt Web Components and theming.