Main
The Main component is used to display the main content of the page.
Storybook
Storybook - Main DocumentationContent
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;
}