Skip to main content

Footer

Use a footer card to display a page footer.

from h2o_wave import site, ui

page = site['/demo']
caption = '''
![theme-generator](https://wave.h2o.ai/img/logo.svg)

Made with 💛 by H2O Wave Team.'''
page['footer1'] = ui.footer_card(box='1 1 -1 1', caption='Made with 💛 by H2O Wave Team.')
page['footer2'] = ui.footer_card(box='1 2 -1 3', caption=caption)
page['footer3'] = ui.footer_card(
box='1 5 -1 3',
caption=caption,
items=[
ui.inline(justify='end', items=[
ui.links(label='First Column', width='200px', items=[
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
]),
ui.links(label='Second Column', width='200px', items=[
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
]),
ui.links(label='Third Column', width='200px', items=[
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
ui.link(label='Sample link', path='https://www.h2o.ai/', target='_blank'),
]),
]),
]
)
page.save()

Tags:  footer