M Majid DS mds
GitHub

Flux components

Navmenu

A dropdown panel whose items are links, not actions.

Same shape as flux:menu, but the items render as anchors — right for a mobile nav or a page switcher.

<flux:dropdown>
    <flux:button icon="bars-2" square aria-label="Menu" />

    <flux:navmenu>
        <flux:navmenu.item href="#" icon="home">Home</flux:navmenu.item>
        <flux:navmenu.item href="#" icon="fire">Flash deals</flux:navmenu.item>
        <flux:navmenu.item href="#" icon="squares-2x2">Categories</flux:navmenu.item>
        <flux:navmenu.separator />
        <flux:navmenu.item href="#" icon="chat-bubble-left-right">Support</flux:navmenu.item>
    </flux:navmenu>
</flux:dropdown>

Reference

flux:navmenu

The panel. Takes no props.

flux:navmenu.item

PropDescription
hrefLink target.
iconLeading icon name.

flux:navmenu.separator

A dividing line between items.

Related