Skip to main content

Meta / Inline Stylesheet

Use inline CSS to style a Wave app in case of quirks. Prefer using native Wave components if possible.

from h2o_wave import site, ui

page = site['/demo']

style = '''
p {
color: red;
}
'''

# Add a placeholder.
page['example'] = ui.markdown_card(
box='1 1 2 2',
title='Try out the styling',
content='I should be red!',
)

# Add the style to the page.
page['meta'] = ui.meta_card(box='', stylesheet=ui.inline_stylesheet(style))

page.save()