Footer
The Astro Footer of project
setup
Import the Footer component in a script tag.
Svelte Copy
import { Footer } from "@mgisolutions/design-system/astro";
Basic usage
Basic usage Astro Footer
Demonstrate
Svelte Copy
<Footer size="medium" center={true}/>
<script>
document.addEventListener("openWidget", ()=> {
//write code for openCSWidget
})
document.addEventListener("signIn", ()=> {
//write code for open popup SignIn or redirect to account page
})
</script>
Component Data
- props
| Name | Description | Type | Default |
|---|---|---|---|
| size | The size of Footer | small | medium | large | medium |
| center | Set footer is center position | boolean | true |
| domainUTM | Pass domain UTM for footer | string | Astro.url.host |