Main

Storybook

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;
}