Skip to main content
The Context component requires a Flux Pro license. Learn more about Flux Pro.
The Context component provides right-click (contextual) menus that appear when users interact with specific elements. It’s essential for power user features and productivity workflows.

​
Overview

Context menus offer quick access to actions related to a specific element without cluttering the main UI. They appear on right-click (or long-press on touch devices) and provide contextually relevant options.

​
Use Cases

Table Actions

Row-specific actions in data tables

File Operations

File management actions (copy, delete, rename)

Content Editing

Text selection actions (copy, cut, paste, format)

Card Actions

Quick actions on cards and list items

​
Key Features

  • Smart Positioning - Automatically positions to stay within viewport
  • Keyboard Navigation - Arrow keys and shortcuts
  • Nested Menus - Support for submenus
  • Icons and Shortcuts - Visual indicators and keyboard hints
  • Separators - Group related actions
  • Custom Triggers - Right-click, long-press, or custom events
  • Livewire Actions - Direct wire:click integration

​
Common Patterns

​
Table Row Context Menu

Provide row-specific actions without cluttering the table:
  • Edit record
  • Duplicate
  • Delete
  • Export
  • View details

​
File Browser Context Menu

File management actions:
  • Open
  • Download
  • Rename
  • Move to folder
  • Delete
  • Share

​
Canvas/Editor Context Menu

Content manipulation:
  • Cut
  • Copy
  • Paste
  • Select all
  • Clear formatting

​
Accessibility

  • ARIA roles for menu and menu items
  • Keyboard navigation (arrows, Enter, Escape)
  • Focus management
  • Screen reader announcements
  • Touch-friendly targets
Context menus should complement, not replace, standard UI controls. Always provide alternative ways to access critical actions.

Build docs developers (and LLMs) love

Get started for freeTalk to us