<!-- source-hash: 27013ecbc14f532020d75fe1ab709dd3 -->
Compact ellipsis-triggered dropdown menu component built on Radix `DropdownMenu`, supporting both button and link item variants.

> **Deprecated:** Use `ActionsMenuDropdown` from `./actions-menu` instead. This component will be removed in a future release.

## Key Components

### `MoreActionsItem`
Defines a single menu entry with the following options:

| Property | Type | Description |
|---|---|---|
| `label` | `string` | Display text |
| `onClick` | `() => void` | Click handler (optional when `href` is set) |
| `href` | `string` | Renders item as a Next.js `<Link>` |
| `openInNewTab` | `boolean` | Opens `href` in a new tab |
| `icon` | `ReactNode` | Leading icon |
| `disabled` | `boolean` | Disables interaction |
| `danger` | `boolean` | Applies error color to icon |

### `MoreActionsMenuProps`
Configuration for the menu container, including controlled `open`/`onOpenChange`, positioning (`align`, `side`, `sideOffset`), and a custom `trigger` override.

### `MoreActionsMenu`
The rendered component. Defaults to an ellipsis icon button trigger. Items render as `<a href>` (link variant) or a `DropdownMenuItem` button based on whether `href` is present.

## Usage Example

```typescript
import { MoreActionsMenu } from './more-actions-menu'
import { Trash01Icon, Edit01Icon } from '../icons-v2-generated'

<MoreActionsMenu
  items={[
    {
      label: 'Edit',
      icon: <Edit01Icon />,
      onClick: () => handleEdit(),
    },
    {
      label: 'Open in docs',
      icon: <Edit01Icon />,
      href: '/docs/item',
      openInNewTab: true,
    },
    {
      label: 'Delete',
      icon: <Trash01Icon />,
      danger: true,
      onClick: () => handleDelete(),
    },
  ]}
  align="end"
  side="bottom"
/>
```

## Migration

Replace with [`ActionsMenuDropdown`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/src/components/actions-menu.tsx) which supports the same API plus grouped items, checkboxes, and submenus.