Hero

The Hero container shows key featured content or important information.

<script>
    import {Hero} from 'svelte-spectre'
</script>

<Hero bg="'dark' | 'gray'" center/>

Hero title

This is a hero example

size: Size component size

xs | sm | md | lg | xl | xxl

bg: Color background color

initial | primary | secondary | dark | darked | gray | light | success | warning | error

center: Boolean text center

true | false