MenuControl

View as Markdown

A menu that contains other Controls. Composable and nestable, enabling both dropdown menus and split buttons (a primary action plus a chevron of extras).

TypeScript
export interface MenuControl<TData = any, CTX = ActionColumnContext<TData>> extends BaseControl<TData,
Extends

BaseControl<TData, CTX>

Properties

PropertyTypeDescriptionDefault
controlsActionColumnControl<TData, CTX>[]The Controls shown inside the menu. Menus may be nested.
primaryActionColumnControl<TData, CTX>The primary, directly-clickable Control when variant is 'split'.
type'menu'Discriminator. Set to 'menu'.
variant'dropdown' | 'split''dropdown' (default) shows a single trigger; 'split' renders primary
as a directly-clickable action alongside a chevron that opens controls.		'dropdown'

Property Details

controls

The Controls shown inside the menu. Menus may be nested.

TypeScript
controls: ActionColumnControl<TData, CTX>[];
Property Value

ActionColumnControl<TData, CTX>[]

primary

The primary, directly-clickable Control when variant is 'split'.

TypeScript
primary?: ActionColumnControl<TData, CTX>;
Property Value

ActionColumnControl<TData, CTX>

type

Discriminator. Set to 'menu'.

TypeScript
type: 'menu';
Property Value

'menu'

variant

'dropdown' (default) shows a single trigger; 'split' renders primary as a directly-clickable action alongside a chevron that opens controls.

TypeScript
variant?: 'dropdown' | 'split';
Default Value

'dropdown'

Property Value

'dropdown' | 'split'

PreviousMenuCategoryNextMenuItemFrameworkComponent