Markdown / Data

Display dynamic formatted content using markdown.

import time
from h2o_wave import site, ui

page = site['/demo']

beer_verse = '''
{{before}} bottles of beer on the wall, {{before}} bottles of beer.

Take one down, pass it around, {{after}} bottles of beer on the wall...
'''

beer_card = page.add('example', ui.markdown_card(
    box='1 1 4 2',
    title='99 Bottles of Beer',
    content='=' + beer_verse,  # Make the verse a template expression by prefixing a '='.
    data=dict(before='99', after='98'),
))

page.save()

for i in range(98, 2, -1):
    time.sleep(1)
    beer_card.data.before = str(i)
    beer_card.data.after = str(i - 1)
    page.save()

Tags:  markdown