selectOnFocus Boolean (default: false)

Applicable for scenarios when keyboard is used for navigation. Indicates whether the selection will change upon focus change or it will require additional action (Enter or Spacebar key press) in order to select the focused step.


<nav id="stepper"></nav>
<p>Use the keyboard arrow keys to change selected step.</p>

        selectOnFocus: true,
        steps: ["Initial step", "Second step", "Third step"]
In this article