LayoutBrowse layout components
App shell
Full-page application layout: sidebar + main content with sticky navbar.
Live preview
Usage
Adapters:React stableVue stable
index.html
<div class="lm-app-shell lm-app-shell-sidebar">
<nav class="lm-sidebar">…</nav>
<main class="lm-app-main">…</main>
</div>CSS classes (5)
| Class | Description |
|---|---|
lm-app-shell | Top-level grid container |
lm-app-shell-sidebar | Two-column variant |
lm-app-main | Inner content region |
lm-page-header | Title + actions row |
lm-page-title / -description | Page heading typography |
Accessibility
- Use semantic <main>, <nav>, <header> landmarks.
Spotted something wrong? Edit this entry on GitHub.