SiteFooter
Markdown for agentsMarketing footer: brand + tagline column, link columns and a legal bar; router-agnostic via linkComponent.
npx slipstream-ui@latest add site-footerStandard footer
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| brand | ReactNode | — | Brand slot. |
| tagline | string | — | Short line under the brand. |
| columns | SiteFooterColumn[] | required | Link columns: { title, links: { label, href, external? }[] }. |
| legal | ReactNode | — | Bottom bar (copyright, legal links). |
| linkComponent | React.ElementType | — | Router link element. |
Accessibility
- Renders a <footer> landmark with headed link groups.
- External links get target=_blank + rel=noopener.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.