{# Children: <li><a class="ui-navmenu-link" href>…</a></li> or <li><button class="ui-navmenu-trigger" aria-expanded aria-controls="id">Text <svg chevron></button></li>. Panel: <div class="ui-navmenu-content" id="id"><div class="ui-navmenu-grid"> an optional <a class="ui-navmenu-feature"> and <a class="ui-navmenu-item"><strong>Title</strong><span>Description</span></a> </div></div>. #}
<.navigation_menu>
<li><button class="ui-navmenu-trigger" aria-expanded="true" aria-controls="nm-start">Getting started<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></button></li>
<li><button class="ui-navmenu-trigger" aria-expanded="false">Components<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></button></li>
<li><a class="ui-navmenu-link" href="#">Docs</a></li>
<:panel><div class="ui-navmenu-content" id="nm-start"><div class="ui-navmenu-grid">
<a class="ui-navmenu-feature" href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg><strong>UI library</strong><span>Server-rendered components you copy into your app and own.</span></a>
<a class="ui-navmenu-item" href="#"><strong>Introduction</strong><span>Principles, sources and how the library is organised.</span></a>
<a class="ui-navmenu-item" href="#"><strong>Installation</strong><span>Set up the CLI, tokens and the base layout.</span></a>
<a class="ui-navmenu-item" href="#"><strong>Theming</strong><span>Tokens, dark mode and per-brand themes.</span></a>
<a class="ui-navmenu-item" href="#"><strong>Forms</strong><span>Fields, validation and the error summary.</span></a>
<a class="ui-navmenu-item" href="#"><strong>Typography</strong><span>Headings, prose and long-form content.</span></a>
<a class="ui-navmenu-item" href="#"><strong>Accessibility</strong><span>Keyboard support and the testing checklist.</span></a>
</div></div></:panel>
</.navigation_menu>