> For the complete documentation index, see [llms.txt](https://legacy-docs.aragon.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legacy-docs.aragon.org/developers/tools/aragonui/actions/contextmenu.md).

# ContextMenu

A contextual menu.

## Usage <a href="#usage" id="usage"></a>

```jsx
import { ContextMenu, ContextMenuItem } from '@aragon/ui'

const App = () => (
  <ContextMenu>
    <ContextMenuItem>Some Action</ContextMenuItem>
    <ContextMenuItem>Another Action</ContextMenuItem>
  </ContextMenu>
)
```

## Demonstration

![](https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-18eeb9413f4745f6afe28d3a56e4ad535cd8b689%2FSchermata%202022-06-25%20alle%2022.16.46.png?alt=media)

## Props <a href="#props" id="props"></a>

#### `zIndex` <a href="#zindex" id="zindex"></a>

| TYPE     | DEFAULT VALUE |
| -------- | ------------- |
| `Number` | 0             |

zIndex of ContextMenu.

#### disabled <a href="#disabled" id="disabled"></a>

| TYPE      | DEFAULT VALUE |
| --------- | ------------- |
| `Boolean` | `false`       |

Disable the Context Menu Button.