Lambchop
Marketing

Footer

Multi-column footer with link groups and bottom bar.

import { Footer } from "lambchop";

Live Demo

Usage

import { Footer } from "lambchop";

<Footer
  columns={[
    {
      heading: "Network",
      links: [
        { label: "lambgoat", href: "https://lambgoat.com" },
        { label: "noecho", href: "https://noecho.net" },
      ],
    },
    {
      heading: "Company",
      links: [
        { label: "About", href: "/about" },
        { label: "Contact", href: "/contact" },
      ],
    },
  ]}
/>

Props

PropTypeDefaultDescription
columnsFooterColumn[]Array of link column groups
bottomContentReact.ReactNodeCustom bottom bar content (defaults to copyright)
classNamestringAdditional CSS classes

FooterColumn

interface FooterColumn {
  heading: string;
  links: Array<{ label: string; href: string }>;
}