AppTopBar

App

AppShell'in header slotuna geçilen üst çubuk wrapper'ı. logoContent slotu sol tarafa; children sağ tarafa flex satırda sıralanır.

Arama + actions + kullanıcı

Preview
Search everything…
JD
Code 
<%- include('modules/app/AppTopBar', {
  children: `
    <%- include('modules/app/GlobalSearch', { placeholder: 'Search everything…' }) %>
    
    <%- include('modules/domain/common/user/UserMenu', { name: user.name, role: user.role }) %>
  `
}) %>

Logo + action + kullanıcı

Preview
Acme Dashboard
JD
Code 
<%- include('modules/app/AppTopBar', {
  logoContent: 'Acme Dashboard',
  children: `
    

    <%- include('modules/ui/Button', { children: 'New', iconLeft: '' }) %>
    <%- include('modules/domain/common/user/UserMenu', { name: user.name }) %>
  `
}) %>
Source modules/app/AppTopBar.ejs