Skip to main content

Markup

Use a markup card to display raw HTML content.

Check the full API at ui.markup_card.

danger

Prefer native Wave components whenever possible and use the raw HTML only as a last resort.

markup-0

menu = '''
<ol>
    <li>Spam</li>
    <li>Ham</li>
    <li>Eggs</li>
</ol>
'''

q.page['example'] = ui.markup_card(box='1 1 2 2', title='Menu', content=menu)

Without outer card spacing​

Set the compact attribute to True to remove the outer spacing.

markup-1

menu = '''
<p>
    <span>Spam</span>
    <span>Ham</span>
    <span>Eggs</span>
</p>
'''

q.page['example'] = ui.markup_card(box='1 1 2 2', title='Menu', content=menu, compact=True)