v2.x

v1.x

Toggle dark mode D

Log in

Guides

Installation Upgrade guide Principles Patterns Theming Dark mode Customization Help

Layouts

Header Sidebar

Components

Accordion Autocomplete Badge Button Breadcrumbs Calendar

Checkbox Command Context Date picker

Dropdown Editor Field Heading Icon Input Modal Navbar Radio Select Separator Switch Table Tabs Textarea Toast Tooltip

Flux Pro component

This component is only available in the Pro version of Flux.

Upgrade to Pro -> Upgrade to Pro ->

Context menu

Dropdown menus that open when right clicking a designated area.

Learn more about the menu component on the dropdown page ->

Right click

Copy to clipboard

<flux:context>
    <flux:card class="border-dashed border-2 px-16">
        <flux:subheading>Right click</flux:subheading>
    </flux:card>

<flux:menu>
        <flux:menu.item icon="plus">New post</flux:menu.item>

<flux:menu.separator />

<flux:menu.submenu heading="Sort by">
            <flux:menu.radio.group>
                <flux:menu.radio checked>Name</flux:menu.radio>
                <flux:menu.radio>Date</flux:menu.radio>
                <flux:menu.radio>Popularity</flux:menu.radio>
            </flux:menu.radio.group>
        </flux:menu.submenu>

<flux:menu.submenu heading="Filter">
            <flux:menu.checkbox checked>Draft</flux:menu.checkbox>
            <flux:menu.checkbox checked>Published</flux:menu.checkbox>
            <flux:menu.checkbox>Archived</flux:menu.checkbox>
        </flux:menu.submenu>

<flux:menu.separator />

<flux:menu.item variant="danger" icon="trash">Delete</flux:menu.item>
    </flux:menu>
</flux:context>

Copyright © 2025 Wireable LLC ·Terms of Service

Built with by
Caleb Porzio and Hugo Sainte-Marie