Components
Footer
A simple layout footer with optional custom content.
import { cn } from "@/lib/utils";export interface FooterProps { children?: React.ReactNode; className?: string;}export function Footer({ className, children }: FooterProps) { return ( <footer className={cn( "border-t bg-background px-6 py-8 text-foreground/80 text-sm", className )} > <div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-2 sm:flex-row"> {children ?? ( <span> © {new Date().getFullYear()} Codesquare AB. All rights reserved. </span> )} </div> </footer> );}Install
pnpm dlx shadcn@latest add https://docs.codesquare.se/r/footer.jsonDependencies
None.