When to use it.
Keep labels short and predictable. Make current location and focus state clear.
Implementation notes.
- Use semantic nav landmarks where appropriate.
- Indicate current page or active state.
- Support keyboard and screen-reader navigation.
Release QA
0/3Implementation checklist.
Handoff notes
Implementation notes for this component.
Quick section export
<nav class="ap-stepper"><div class="done"><i>1</i><span>Account</span></div><div class="active"><i>2</i><span>Details</span></div><div><i>3</i><span>Review</span></div></nav>Related components