Barra principal
Una barra con dos niveles: arriba la marca y las herramientas de la persona (institución, notificaciones, perfil); abajo la navegación. Lo de uso diario va suelto y lo demás se agrupa en menús desplegables.
Barra completa
Abre los menús para ver el selector de institución, el panel de notificaciones y el menú de perfil. En pantallas angostas la navegación se oculta detrás del botón de hamburguesa y los grupos se despliegan en lista.
<x-maristas::topbar id="topbar">
<x-slot:brand><a class="mr-topbar-brand" href="/">Maristas</a></x-slot:brand>
<x-slot:tools>
<x-maristas::institution-menu current="Instituto México Primaria" searchable>
<x-maristas::menu-item icon="ri-check-line" :active="true">Instituto México Primaria</x-maristas::menu-item>
<x-maristas::menu-item icon="ri-building-line">Colegio Champagnat</x-maristas::menu-item>
</x-maristas::institution-menu>
<x-maristas::notification-menu :count="3">
<x-maristas::notification name="Laura Ramírez" time="Hace 5 min" :new="true">Te mencionó en una nota</x-maristas::notification>
<x-slot:footer><a class="dropdown-item" href="/notificaciones">Ver todas</a></x-slot:footer>
</x-maristas::notification-menu>
<x-maristas::user-menu name="Fredy Osorio" role="Administrador">
<x-maristas::menu-item href="/perfil" icon="ri-user-line">Mi perfil</x-maristas::menu-item>
</x-maristas::user-menu>
</x-slot:tools>
<x-maristas::nav-link href="/" icon="ri-dashboard-line">Inicio</x-maristas::nav-link>
<x-maristas::nav-link href="/registros" icon="ri-filter-3-line" :active="true">Registros</x-maristas::nav-link>
<x-maristas::nav-group label="Personas" icon="ri-team-line">
<x-maristas::menu-item href="/responsables" icon="ri-contacts-line">Responsables</x-maristas::menu-item>
</x-maristas::nav-group>
</x-maristas::topbar>
Sí
Máximo 5 elementos en el primer nivel. Lo que se usa todos los días va suelto; lo que se configura de vez en cuando va en un menú. Si un grupo queda vacío para esa persona, no se muestra.
No
No hagas una fila plana de 9 enlaces ni escondas lo demás en «Más». Tampoco nombres dos cosas distintas casi igual (por ejemplo, «Actividades» para una bitácora).