GlobalLayout
The GlobalLayout component is used to structure the entire page.
Storybook
Storybook - Global Layout DocumentationFigma 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>