# Row and row actions

Each row opens its record on click; the end of the row holds a quiet Edit (opens quick edit) and the ⋯ menu for the rest. Rows can expand to show detail.

- **Group:** Data table · **family:** `data-table` · **shadcn:** DropdownMenu, Table
- **Build:** TanStack row + `DropdownMenu`.
- **In apps/admin today:** dropdown-menu wrapper new.
- **Client component:** yes. 

## Content rules

- Menu verbs: Edit, Duplicate, Copy handle, Retire product.

## Do

- Put destructive items last.

## Don't

- More than one visible action besides ⋯.

## Accessibility

- **Keyboard:** Row name is a link; Edit and ⋯ are buttons after it.
- **ARIA:** ⋯ `aria-label="More actions for {row}"`.
- **Focus:** Menu returns focus to ⋯.

## Tokens

`--s-2` `--muted` `--accent` `--e-row-focus` `--e-row-focus-first` `--muted-foreground` `--foreground` `--ring` `--r-control` `--motion-hover` `--s-4` `--border` `--text-small`

## Files

`row-actions.html` live specimen · `row-actions.css` kit rules · `row-actions.d.ts` props · full page: `docs/components/row-actions/` (phone: `m/`).