GlobalLayout

The GlobalLayout component is used to structure the entire page.

Storybook

Storybook - Global Layout Documentation

Figma Demo

Content

Slots

  • header: The header content area of the page.
  • default: The main content area of the page.
  • footer: The footer content area of the page.

Example

<script>
	import { GlobalLayout } from '@getprovi/craft-svelte';
</script>

<GlobalLayout>
	<header slot="header" />
	<main />
	<footer slot="footer" />
</GlobalLayout>