AppLayout

Layout de página completa basado en CSS Grid. Divide la pantalla en: header (top), nav (sidebar izquierdo) y main (área de contenido). Opcionalmente incluye un widget strip entre header y contenido.

Nota: Este componente usa h-screen. El preview de abajo está contenido en un div de altura fija para visualización.

Sin widget

Con widget strip

Props

Prop	Tipo	Default	Descripción
headerHeight	string	'95px'	Altura del header en CSS (ej: '80px')
navWidth	string	'68px'	Ancho del sidebar en CSS (ej: '240px')

Slots

Slot	Descripción
header	Zona superior completa. Usa AppHeader aquí
nav	Sidebar izquierdo. Usa AppNavbar aquí
widget	Strip entre header y contenido (opcional). Si no se usa, no aparece en el grid
default	Área principal de contenido (<main>)

Emits

Ninguno.