MenuBarButton
MenuBarButton is a flat label-style button that opens a Menu. Used internally by MenuBar — you'd reach for it directly only when assembling a custom menu strip.
Has no Button inheritance to avoid the ridge border and shadow of the standard button style. Active state (open dropdown) is indicated by a persistent background fill.
Usage
typescript
import { Menu } from '@jimka/typescript-ui/core';
import { MenuBarButton } from '@jimka/typescript-ui/component/menubar';
const filePanel = Menu(
[{ text: 'Save', shortcut: 'Ctrl+S', action: () => save() }],
() => button.close()
);
const button = MenuBarButton(
'File',
() => filePanel.open(button.getElement()!),
() => filePanel.close()
);
bar.addComponent(button);The constructor takes the label plus onOpen / onClose callbacks that the bar wires up to its dropdown management.
See also
- API: MenuBarButton
MenuBar— primary consumerMenu— dropdown panel