Simple Footer
Examples
<script>
import {SimpleFooter} from 'flowbite-svelte'
let site = {
href: "/",
name: "Flowbite Svelte",
};
let links = [
{ name: "About", href: "/" },
{ name: "Profile", href: "/" },
{ name: "Contact", href: "/" },
];
</script>
<SimpleFooter {links} {site}/>
Props
The component has the following props, type, and default values. See types page for type information.
Name | Type | Default |
---|---|---|
site | SiteType | |
links | LinkType[] | |
footerClass | string | 'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800' |
siteNameClass | string | 'text-sm text-gray-500 sm:text-center dark:text-gray-400' |
ulClass | string | 'flex flex-wrap items-center mt-3 sm:mt-0' |
aClass | string | 'mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400' |
siteNameLinkClass | string | 'hover:underline' |
copyrightYear | string | '© 2022' |
allRightsReserved | string | 'All Rights Reserved.' |