AppLayout

Part of the composable app shell. Import from @aspect/react.

Import

import { AppLayout } from '@aspect/react';

CSS class

.mizu-app-layout {
  /* ... */
}

Architecture

The shell is compositional, not monolithic. Each piece (AppHeader, AppSidebar, AppContent, AppBreadcrumbs) can be used independently. AppLayout is a convenience wrapper that arranges them in a CSS Grid.

See the Cloud demo for a full example.