# Context Menu

Long-press menu that lifts the pressed item above a dimmed backdrop and opens a list of actions below or above it. Your choice is applied to the item as it settles back into place.

> Composed · Pro · Actions — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/context-menu
```

## Import

```tsx
import { ContextMenu } from "@/components/ui/context-menu/context-menu";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `actions` | `ContextMenuAction[]` | Menu actions shown on long-press. |
| `children` | `React.ReactNode` | Wrapped element. |
| `staggerMs?` | `number` | Delay between each menu row switching on, in ms. Default 40 (the row rhythm). |
| `menuClassName?` | `string` | Extra classes for the menu panel. |
| `className?` | `string` | Extra classes for the trigger wrapper. |
| `menuWidth?` | `number` | Menu width in px. Default 250. |
| `material?` | `"solid" | "glass"` | Menu surface. "solid" (default) is an opaque popover surface; "glass" opts into Lumio glass — only when the menu floats over photos/video. |
| `liftRadius?` | `number` | Corner radius of the lifted twin, to match the wrapped element. Default 16. |

Source: https://lumioui.com/components/context-menu