Skip to content
VexCMS

DataTableResponsiveMenuProps

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:12

Props for DataTableResponsiveMenu.

Properties

Section titled “Properties”

align?

Section titled “align?”

optional align?: "center" | "end" | "start"

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:20

Desktop PopoverContent alignment. Ignored on mobile.

Default

Section titled “Default”
"end"

children

Section titled “children”

children: ReactNode

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:18

Menu body, shared unchanged between the Popover and the Sheet.

className?

Section titled “className?”

optional className?: string

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:26

Extra classes merged onto the DESKTOP PopoverContent only (e.g. a wider panel for a filter builder) — the mobile SheetContent keeps its own fixed max-h-[85vh] sizing, since a caller’s desktop width override (w-[520px]) would overflow a narrow viewport instead of filling it.

onOpenChange?

Section titled “onOpenChange?”

optional onOpenChange?: (open) => void

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:24

Pairs with open for a controlled overlay.

Parameters

Section titled “Parameters”
open
Section titled “open”

boolean

Returns

Section titled “Returns”

void

open?

Section titled “open?”

optional open?: boolean

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:22

Controlled open state. Omitted (undefined) leaves the overlay uncontrolled — the common case for a plain menu. ListViewFilterBuilder controls this to seed a draft row on open (Decision 10) before the overlay paints.

title

Section titled “title”

title: string

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:16

Accessible title. Rendered as the SheetTitle on mobile; desktop omits a visible title to stay compact, matching PopoverContent’s existing callers.

trigger

Section titled “trigger”

trigger: ReactElement

Defined in: packages/react/src/ui/data-table/DataTableResponsiveMenu.tsx:14

Trigger element (typically a Button); rendered via render on PopoverTrigger/SheetTrigger in both containers — the same convention DropdownMenuTrigger’s own callers already use (Base UI’s render prop, not an asChild/children wrapper).