Breadcrumbs should be used as a navigational aid in your app or site. They indicate the current page’s location within a hierarchy and help the user understand where they are in relation to the rest of that hierarchy. They also afford one-click access to higher levels of that hierarchy. Breadcrumbs are typically placed, in horizontal form, under the masthead or navigation of an experience, above the primary content area.

from h2o_wave import main, app, Q, ui
async def serve(q: Q):
if '#' in q.args:
hash_ = q.args['#']['breadcrumbs'] = ui.form_card(box='1 1 2 2', items=[
ui.button(name='show_breadcrumbs', label='Back', primary=True),
else:['breadcrumbs'] = ui.breadcrumbs_card(
box='1 1 4 1',
ui.breadcrumb(name='#menu1', label='Menu 1'),
ui.breadcrumb(name='#menu2', label='Menu 2'),
ui.breadcrumb(name='#menu3', label='Menu 3'),

Tags:  breadcrumbsnavigation