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.'

References