Socialmedia Footer

Examples

<script>
  import {SocialMediaFooter} from 'flowbite-svelte'
  import {
    Facebook,
    Github,
    Twitter,
    Instagram,
  } from "svelte-simples";
  let site = {
    href: "/",
    name: "Company",
    img: "/images/flowbite-svelte-logo-30.png",
  };
  let links = [
    {
      parent: "RESOURCES",
      children: [
        { name: "Flowbite-Svelte", href: "/" },
        {
          name: "Flowbite",
          href: "/",
        },
      ],
    },
    {
      parent: "FOLLOW US",
      children: [
        { name: "Github", href: "/" },
        {
          name: "Flowbite",
          href: "/",
        },
      ],
    },
    {
      parent: "LEGAL",
      children: [
        { name: "Privacy Policy", href: "/" },
        {
          name: "Terms & Conditions",
          href: "/",
        },
      ],
    },
  ];
  let socialMedia = [
  {
    href: "/",
    icon: Facebook,
  },
  {
    href: "/",
    icon: Github,
  },
  {
    href: "/",
    icon: Twitter,
  },
  {
    href: "/",
    icon: Instagram,
  },
];
</script>

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

Props

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

Related components

References