Footer with Logo

Examples

<script>
  import {LogoFooter} from 'flowbite-svelte'
  let site = {
    href: "/",
    name: "Flowbite Svelte",
    img: "/images/flowbite-svelte-logo-30.png",
  };
  let links = [
    { name: "About", href: "/" },
    { name: "Profile", href: "/" },
    { name: "Contact", href: "/" },
  ];
</script>

<LogoFooter {site} {links}/>

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:px-6 md:py-8 dark:bg-gray-800'
divClass	string	'sm:flex sm:items-center sm:justify-between'
siteNameClass	string	'self-center text-2xl font-semibold whitespace-nowrap dark:text-white'
ulClass	string	'flex flex-wrap items-center mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400'
aClass	string	'mr-4 hover:underline md:mr-6'
siteNameLinkClass	string	'flex items-center mb-4 sm:mb-0'
imgClass	string	'mr-3 h-8'
hrClass	string	'my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8'
copyRightSpanClass	string	'block text-sm text-gray-500 sm:text-center dark:text-gray-400'
copyRightLinkClass	string	'hover:underline'
copyrightYear	string	'© 2022'
allRightsReserved	string	'All Rights Reserved.'

Related components

References

Flowbite Footer