Sitemap Footer

Examples

<script>
  import {SitemapFooter} from 'flowbite-svelte'
  import {
    Facebook,
    Github,
    Twitter,
    Instagram,
  } from "svelte-simples";
  let site = {
    href: "/",
    name: "Flowbite Svelte",
  };
  let links = [
  {
    parent: "Company",
    children: [
      { name: "About", href: "/" },
      {
        name: "Careers",
        href: "/",
      },
      { name: "Brand Center", href: "/" },
      {
        name: "Blog",
        href: "/",
      },
    ],
  },
  {
    parent: "Help center",
    children: [
      { name: "Discord Server", href: "/" },
      {
        name: "Twitter",
        href: "/",
      },
      { name: "Facebook", href: "/" },
      {
        name: "Contact Us",
        href: "/",
      },
    ],
  },
  {
    parent: "LEGAL",
    children: [
      { name: "Privacy Policy", href: "/" },
      { name: "Licensing", href: "/" },
      {
        name: "Terms & Conditions",
        href: "/",
      },
    ],
  },
  {
    parent: "Download",
    children: [
      { name: "iOS", href: "/" },
      { name: "Android", href: "/" },
      {
        name: "Windows",
        href: "/",
      },
      {
        name: "MacOS",
        href: "/",
      },
    ],
  },
];
  let socialMedia = [
    {
      href: "/",
      icon: Facebook,
    },
    {
      href: "/",
      icon: Github,
    },
    {
      href: "/",
      icon: Twitter,
    },
    {
      href: "/",
      icon: Instagram,
    },
  ];
</script>

<SitemapFooter {socialMedia} {links} {site} />

Props

The component has the following props, type, and default values. See types page for type information.

Related components

References