Skip to main content


Used for rendering dynamic custom HTML content using a templating language.


One of the key advantages of Wave is zero HTML / CSS / JS knowledge. We strongly advise you to use native Wave components and use custom HTML only as a last resort solution.


from h2o_wave import pack
content = '''<ol>{{#each dishes}}<li><strong>{{name}}</strong> costs {{price}}</li>{{/each}}</ol'''['example'] = ui.form_card(box='1 1 2 2', items=[    ui.template(content=content, data=pack(dict(dishes=[        dict(name='Spam', price='$2.00'),        dict(name='Ham', price='$3.45'),        dict(name='Eggs', price='$1.75'),    ])))])

Check the full API at ui.template.