Main

The Main component is used to display the main content of the page.

Storybook

Storybook - Main Documentation

Content

API

  • class: string | Default: undefined
    Extra classes provided to the component.

  • container: boolean | Default: false
    Sets the main area to be a container with padding, maxWidth, and margin auto.

  • containerClasses: string | Default: undefined
    Extra classes provided to the container.

  • pageContainer: boolean | Default: false
    Sets the main area to be a container with only y-axis padding for the page.

Example

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

<Main container>
	<slot />
</Main>

Types

interface Props {
	class?: string | undefined | null;
	container?: boolean;
	containerClasses?: string | undefined | null;
	pageContainer?: boolean;
}