Codesquare Docs
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.json

Dependencies

None.