<nve-menu>
Properties
Determines if the menu is in a compact layout. This hides all menu item content except the prefix icon slot.
compact Reduces visual weight and spacing for dense layouts or secondary elements with less visual prominence.
default Standard size that works well in most contexts and provides balanced visibility.
Events
Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. detail: { scrollTop, scrollHeight, clientHeight }.
Slots
default slot for nve-menu-item
CSS Properties
<nve-menu-group>
Properties
Determines whether user activation automatically updates the expanded state.
true
false
This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. MDN
true The element has a disabled state and does not accept interaction.
false The element has an enabled state and accepts interaction.
Indicates whether collapsible content is currently visible or hidden from the user. MDN
true The associated content expands and becomes visible to the user.
false The associated content collapses and hides from the user.
Events
Dispatched when the user requests that the menu group close.
Dispatched when the user requests that the menu group open.
Slots
Label content for the disclosure header.
One nve-menu containing the grouped menu items. Direct menus use this slot automatically in browsers; server-rendered menus must set slot="menu" explicitly.
Non-interactive content before the header label, such as an icon or avatar.
Non-interactive content after the header label, such as a badge or count.
Invoker Commands
Closes the menu group.
Opens the menu group.
Toggles the menu group.
CSS Properties
<nve-menu-item>
Properties
The command to execute on the element. https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
string
The element that receives the command. https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
Indicates the element that represents the user's current location or position within a set. MDN
page Marks the current page within a set of navigation links.
step Marks the current step within a multi-step process or workflow.
This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. MDN
true The element has a disabled state and does not accept interaction.
false The element has an enabled state and accepts interaction.
Indicates whether collapsible content is currently visible or hidden from the user. MDN
true The associated content expands and becomes visible to the user.
false The associated content collapses and hides from the user.
Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or null. https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form
The element that receives the interest. https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement
The name of the button, submitted as a pair with the button value as part of the form data. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name
string
The popover target action to perform on the popover target element. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction
show
hide
toggle
Establishes a relationship between a popover and its invoker button. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement
Indicates the current state of a toggle button that switches on or off. MDN
true The button is in the pressed (on) state and the associated action or setting is active.
false The button is in the unpressed (off) state and the associated action or setting is inactive.
Indicates whether the element is a noninteractive visual treatment instead of a button. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly
true
false
Indicates whether an element currently holds selection within a multi-option selection group. MDN
true The element holds selection and represents the user's current choice within the group.
false The element does not hold selection and the user can choose it.
Applies danger styling to destructive or high-risk menu actions.
danger
Defines the button behavior when associated within a form element. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
button
submit
reset
Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. MDN
string
Slots
Label and supporting content for the menu option.
slot for prefix icon
slot for suffix icon