AppNav

App

Yatay navigasyon çubuğu. Masaüstünde inline linkler, mobilde hamburger drawer açar. logoContent, navItems ve children slotları. sticky ve bordered seçenekleri.

Marketing bar (logo + links + CTA)

Acme

App bar (links + UserMenu)

Dashboard

Source modules/app/AppNav.ejs

<%
  var _navItems = locals.navItems || [];
  var _sticky   = !!locals.sticky;
  var _bordered = locals.bordered !== false;
  var _drawerId = 'appnav-drawer-' + Math.random().toString(36).substr(2,6);
  var _title    = locals.mobileSidebarTitle || 'Navigation';
%>


  
  
    
  

  <% if (locals.logoContent) { %><%- locals.logoContent %><% } %>

  
    <% _navItems.forEach(function(item) { %>
    
       class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors <%= item.active ? 'bg-primary-subtle text-primary' : 'text-text-secondary hover:text-text-primary hover:bg-surface-overlay' %>">
      <%= item.label %>
    
    <% }); %>
  

  <% if (locals.children) { %>
  <%- locals.children %>
  <% } %>


<%- include('./NavDrawer', { id: _drawerId, title: _title, side: 'left', open: false, navItems: _navItems }) %>