Domphy
HomeQuickstartAIDocsCoreThemeUIQueryRouterTableVirtualFormDnDPaletteAppMarkdownMermaidDoctorIntegrationsResearchPlayground
​
Overview
Color And Tone
Dimension
Customization
Creation
Patches
AbbreviationAlertAvatarBadgeBlockquoteBreadcrumbButtonButton SwitchCardCodeComboboxCommandDate PickerDescription ListDetailsDialogDividerDrawerEmphasisFigureFormForm GroupHeadingHorizontal RuleIconImageInput CheckboxInput ColorInput Date TimeInput FileInput NumberInput OTPInput RadioInput RangeInput SearchInput SwitchInput TextKeyboardLabelLinkMarkMenuMotionOrdered ListPaginationParagraphPopoverPopover ArrowPreformatedProgressSelectSelect BoxSelect ListSkeletonSmallSpinnerSplitterStrongSubscriptSuperscriptTableTabsTagTextareaToastToggleTooltipTransitionGroupUnordered List
Recipes
Alert DialogCollapsibleContext MenuHover CardMenubar

Menubar

A horizontal menu bar with hover-triggered dropdowns — composed from button, popover, menu, and menuItem. No new patch needed.

​

How it works

Each top-level item is a button with a popover({ openOn: "hover" }) patch. The popover content is a menu with menuItem children. The nav container uses display: flex to lay items out horizontally.

PatternUsage
popover({ openOn: "hover" })Opens dropdown on hover
menu + menuItemStyled dropdown list
display: flex on containerHorizontal layout
PreviousHover Card​
On this page
How it works
Released under the MIT License.