Site Footer
v0.1.2DraftSite footer with a brand, grouped navigation links, free content and a legal line; the groups stack on small screens and sit in columns from the medium breakpoint.
Site footer with a brand, grouped navigation links, free content and a legal line; the groups stack on small screens and sit in columns from the medium breakpoint.
Usage
The ```jsx block above runs live on the docs site. Imports are stripped and every registry export is in scope, so you can compose with other components too.
Examples
Open all 2 →Properties
SiteFooter props
| Prop | Type | Default | Description |
|---|---|---|---|
brand | ReactNode | — | Brand mark, such as a wordmark or logo, shown in the lead column |
children | ReactNode | — | Free content rendered under the brand, such as contact details |
className | string | — | Additional class names to merge with the component root element |
groups | SiteFooterGroup[] | [] | Link groups. Groups without links, and an empty list, render no heading |
legal | ReactNode | — | Legal line shown in its own row under the groups, such as a copyright |
linkComponent | ElementType<SiteFooterLinkProps> | a | Component that renders each link, so a router link such as Next's `Link` can be injected. Receives `href`, `children` and NavItem's props (merged through `asChild`); pass them all through to the anchor, or the link loses NavItem's styling and hit area. Defaults to `a`. |
Also accepts the native attributes of its root element (className, aria-*, event handlers, …).