Site Footer
The full navy marketing footer. Its reusable design DNA: a top hairline gradient divider, a giant watermark bottom-right, a brand block (logo slot, tagline, CTAs) beside link columns, and a bottom legal bar with an optional theme toggle. Everything is props-driven.
$
Registry itembunx shadcn@latest add @nx-ui/site-footerMinimal
Just columns and copyright — no CTAs, no legal links, theme toggle off.
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
logo | React.ReactNode | — | Logo node for the brand block. |
tagline | string | — | — |
columns* | FooterColumn[] | — | — |
legalLinks | FooterLink[] | — | — |
ctas | { primary?: FooterLink; secondary?: FooterLink } | — | — |
watermark | React.ReactNode | — | A large decorative watermark node, placed bottom-right at very low opacity. |
copyright | string | `© ${new Date().getFullYear()}. All rights reserved.` | — |
showThemeToggle | boolean | true | — |
className | string | — | — |