Site Footer
Multi-column site footer with social icons, legal line and an oversized fading wordmark.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
SiteFooterProps
Also accepts all props of React.ComponentProps<"footer">
| Prop | Type | Default | Description |
|---|---|---|---|
| brand* required | React.ReactNode | — | — |
| tagline | React.ReactNode | — | — |
| columns* required | FooterColumn[] | — | — |
| socials | FooterSocial[] | [] | — |
| legal | React.ReactNode | — | Text in the bottom bar, usually the copyright |
| bottomLinks | Link[] | [] | — |
| showWordmark | boolean | true | Oversized brand wordmark behind the bottom bar |
| wordmark | string | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/site-footer.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.