Tabs with dropdown buttons

[kewartoscar]

Question

Is it possible to make tabs dropdown buttons such that each dropdown item is linked to a page?

[falkoschindler]

Sorry, @kewartoscar, I don't understand what you mean.

[kewartoscar]

A tab with a dropdown menu that has items which when clicked leads to different pages.
For instance, When the Software Categories is clicked, there is a dropdown menu with items:
CRM Software, Email marketing Software, Help Desk Software, Human Resource Software, Project management Software, and Browse All Categories. When any of these items are clicked, it takes one to a specific page.

[falkoschindler]

I see. Here's an example using a ui.dropdown_button:

with ui.tabs() as tabs:
    one = ui.tab('One')
    two = ui.tab('Two')
    with ui.dropdown_button('More', auto_close=True).props('flat square color=black').classes('h-full'):
        ui.item('Three', on_click=lambda: tabs.set_value('three'))
        ui.item('Four', on_click=lambda: ui.open('/four'))
with ui.tab_panels(tabs, value=one).classes('w-full'):
    with ui.tab_panel(one):
        ui.label('First tab')
    with ui.tab_panel(two):
        ui.label('Second tab')
    with ui.tab_panel('three'):
        ui.label('Third tab')

I wasn't sure if you want to open pages or tabs, so I'm showing both.

[kewartoscar]

Thanks a million. This is exactly what I was looking for.