---
title: "RowMenu"
description: "The \"⋯\" of a row or a record: its everyday actions without opening it, destructive ones last and in red. A press on it never opens the row."
---

> Documentation Index
> Fetch the complete documentation index at: https://epidermis.getarbol.com/llms.txt
> Use this file to discover all available pages before exploring further.

# RowMenu

## In a list row

```tsx
import { PencilSimpleIcon, PhoneIcon, ProhibitIcon, WhatsappLogoIcon } from '@phosphor-icons/react';
import { RowMenu } from '@arbol-ai/ui';

<div className="rounded-card flex max-w-md items-center justify-between border px-4 py-2">
  <span className="text-sm">Ana Torres · +57 300 555 0101</span>
  <RowMenu
    actions={[
      { label: 'Edit', icon: <PencilSimpleIcon /> },
      { label: 'Call', icon: <PhoneIcon />, href: 'tel:+573005550101' },
      {
        label: 'WhatsApp',
        icon: <WhatsappLogoIcon />,
        href: 'https://wa.me/573005550101',
        target: '_blank',
      },
      { label: 'Deactivate', icon: <ProhibitIcon />, isDestructive: true },
    ]}
    label="Actions for Ana Torres"
  />
</div>
```

## Source

The examples above are [`src/components/row-menu/row-menu.examples.tsx`](https://github.com/getarbol/project-arbol-ui/blob/main/src/components/row-menu/row-menu.examples.tsx), which the library's tests render too.

Source: https://epidermis.getarbol.com/components/overlays/row-menu/index.mdx