Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA file row with a right-click menu (Open, Rename, Duplicate, Move to submenu, Delete) on a focusable row that tells keyboard users the Menu key opens it.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for file lists, trees and galleries where power users expect a right-click menu, alongside a visible actions button.
Do not make a context menu the only place for an action, and do not replace the browser menu on text people may want to copy.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | - | The file name. |
folders | string[] | - | Targets of the Move to submenu. |
onAction | (action: open | rename | duplicate | delete, name) => void | - | A plain action was chosen. |
onMove | (name: string, folder: string) => void | - | A folder was chosen. |
contextmenu (right-click, Menu key, long press on touch) and returns focus to the row.| Key | Action |
|---|---|
| Menu key or Shift+F10 on the focused row | opens the menu |
| Arrow keys | move; ArrowRight opens Move to |
| Escape | closes |
The pattern ships a Testing Library test (context-menu-file-row.test.tsx) that covers the focusable row, opening, running actions, the submenu and Escape.