RowMenu

Vertical action menu items and navigation links.
On the web the ··· trigger is Dark Factory's plain icon button, a small square with a muted glyph that takes the hover wash, and it opens Dark Factory's menu, the same one Dropdown opens. iOS and Android keep their platform context menus in the theme's colours.
In glass mode the menu is a dense-layer glass card beside its glyph; a row's callback fires the moment it is pressed. Solid mode paints the skin's own menu. Board's card menus are RowMenus and behave the same.
iOS
Android
Web
tsx
<RowMenu
items={[
{ label: "Edit" },
{ label: "Duplicate" },
{ label: "Delete", destructive: true, separatorBefore: true }
]}
/>

Props

Prop
Description
items
required
RowMenuItem[]
The menu rows, top to bottom.
open
boolean
Controlled open state. Omit for uncontrolled (the trigger toggles it).
onOpenChange
(open: boolean) => void
Fired when the open state changes.
links
boolean
Render rows as navigation links rather than action buttons.
sectionLabel
string
Show a muted section label heading the menu.
onSelect
(item: RowMenuItem, index: number) => void
Fired with the selected item and its index when a row is pressed.
triggerLabel
string
Accessible name for the icon-only ⋯ trigger. Defaults to "More options".
testID
string
E2E hook forwarded to the root element.
style
LayoutStyle
Composition within a parent only, never a restyle hook and never a width: the parent layout container provides the bounds.

Do & Don’t

When to use

Don’t
Splaying every row action inline multiplies visual noise across every table row.
Do
Collapse per-row actions behind a ··· trigger; keep Delete separated and danger-colored.

Actions

Don’t
Click an item: a destructive action sandwiched between routine ones invites a costly misclick.
Do
Click an item: place destructive actions last, color them, and split them off with a divider.

Links

Don’t
Buttons can't be opened in a new tab, bookmarked, or middle-clicked, navigation needs real links.
Do
Pass links so rows render as real navigation links a browser can open in a new tab or bookmark.
← Navbar
Sidebar →