<nve-steps>
Properties
Determines whether the steps should handle selection behavior vs. defaults to off.
true
false
Demonstrates different container styles to accommodate visual weight and context.
condensed
Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.
true
false
Slots
default slot for steps-item
CSS Properties
<nve-steps-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
Demonstrates different container styles to accommodate visual weight and context.
condensed
Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
accent Highlights important actions or draws attention to primary interactive elements.
danger Signals destructive or irreversible actions that need extra attention and confirmation.
success Represents positive outcomes, confirmations, or constructive actions.
pending
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
custom slotted step icon
default slot for step text
CSS Properties
CSS Parts
The progress ring element
The icon button element