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-nav"><strong>AblePro</strong><div><a>Products</a><a>Resources</a><a>Pricing</a></div><button>Get started</button></nav>Related components