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
<div class="ap-filter-toolbar"><input type="search" placeholder="Search records..."><select><option>All statuses</option><option>Active</option><option>Pending</option></select><select><option>All teams</option></select><button>Filters</button></div>Related components