Delta Components

1import { Footer } from "@/registry/layout/footer"
2
3export function BasicFooter() {
4  return <Footer brandName="Your Company" />
5}

1import { Footer } from "@/registry/layout/footer"
2
3const customSections = [
4  {
5    title: "Resources",
6    links: [
7      { href: "/docs", label: "Documentation" },
8      { href: "/guides", label: "Guides" },
9      { href: "/api", label: "API Reference" },
10    ],
11  },
12  {
13    title: "Community",
14    links: [
15      { href: "/discord", label: "Discord", external: true },
16      { href: "/twitter", label: "Twitter", external: true },
17      { href: "/github", label: "GitHub", external: true },
18    ],
19  },
20]
21
22export function CustomFooter() {
23  return (
24    <Footer
25      brandName="Your Company"
26      sections={customSections}
27      socialLinks={[
28        {
29          href: "https://twitter.com/yourcompany",
30          label: "Twitter",
31          external: true,
32        },
33        {
34          href: "https://github.com/yourcompany",
35          label: "GitHub",
36          external: true,
37        },
38      ]}
39      // copyright will automatically use current year: "© 2025 Your Company. All rights reserved."
40    />
41  )
42}

1import { Footer } from "@/registry/layout/footer"
2
3export function MinimalFooter() {
4  return (
5    <Footer
6      brandName="Your App"
7      sections={[]}
8      socialLinks={[]}
9      copyright="Made with ❤️ by Your Team"
10    />
11  )
12}