<nve-tabs>
Properties
Determines whether the tabs should handle selection behavior vs. defaults to off.
true
false
Determines whether the tabs should display a border on selected items vs. defaults to show border.
true
false
Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal.
true
false
Slots
default slot for tab-item
CSS Properties
<nve-tabs-item>
Properties
The element that receives the interest. https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement
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
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
The id reference of the element that receives the popover. https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget
string
Establishes a relationship between a popover and its invoker button. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement
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.
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
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
Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form
Indicates whether the user can change the element's value while it remains visible and focusable. MDN
true The element has a readonly state: the user cannot change its value, but can still focus and copy it.
false The element allows editing and the user can change its value through 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.
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.
string
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.
Slots
default slot for content
CSS Properties
<nve-tabs-group>
Properties
Determines the alignment of the popover relative to the provided anchor element.
top
start
end
Events
Dispatched when the selected tab value changes after an invoker --toggle updates selection
Slots
Named panel content where the slot name matches a nve-tabs-item value.
Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group.
Invoker Commands
Select the matching tab and reveal the panel whose slot matches the invoker value.