Ethereal Garden

Context Menu

A right-click menu that displays a list of actions or options.

When To Use

Use the Context Menu component when you want to provide a custom menu that appears on right-click (or long-press on touch devices). It's useful for:

  • Providing contextual actions specific to an element
  • Offering shortcuts to common operations
  • Creating custom right-click menus for different elements
  • Replacing the default browser context menu
  • Implementing power-user features

Context menus provide efficient access to actions that are relevant to the specific element being interacted with.

Examples

Basic

Right click here
Projects FolderRight click to view options

Right click to view options

Selected view: Grid

Options: Show Hidden

Custom

Beautiful Sunset

Photo by John Doe

Right click to view more options

Props

PropTypeDefault
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
displayName
string
-
PropTypeDefault
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-
PropTypeDefault
$$typeof
symbol
-
displayName?
string
-
propTypes?
any
-