Template

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

danger

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
'''

q.page['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.