Svelte and SvelteKit 5 · SvelteKit

Share a layout

A +layout.svelte wraps every page below it and renders the page with children.

<!-- src/routes/+layout.svelte -->
<script lang="ts">
  let { children } = $props();
</script>

<nav>...</nav>
{@render children()}

Official Svelte and SvelteKit 5 documentation

More sveltekit commands

All sveltekit commands · Svelte and SvelteKit 5 cheatsheet

Was this page helpful?