Footer

The Footer component is used to display information at the bottom of the page.

Component

Storybook

Storybook - Footer Documentation

Figma Demo

Guidelines

Variations

The footer is consistent across the experience with only layout changes based on breakpoint. Links are secondary size sm throughout and will wrap as needed.

Component Specs

API

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

  • variant: 'default' | 'provi' | Default: `‘default’ The variant of the footer to render.

Example

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

<GlobalLayout>
	<Footer slot="footer" variant="provi"></Footer>
</GlobalLayout>

Types

interface Props {
	class?: string | undefined | null;
	variant?: 'default' | 'provi';
}