SiteFooter
The public pages’ footer: wordmark and note, link columns, and a legal line.
Examples
Columns and legal line
<SiteFooter
note="One MCP URL for every server and skill your agents use."
columns={[{ title: 'Product', links: [{ label: 'Docs', href: docsHref }] }]}
legal="Switchboard 0.1.0"
/>Usage
import { SiteFooter } from '@switchboard/ui'
<SiteFooter note={note} columns={columns} legal={legal} />Props
Every component also takes mix, for css() and mixins applied after its own style.
SiteFooter
| Prop | Type | Default | Description |
|---|---|---|---|
| note | RemixNode | – | One or two sentences under the wordmark. |
| columns | { title: string; links: { label; href }[] }[] | – | Each column is a <nav> named by its title. |
| legal | RemixNode | – | Bottom line under a hairline. |
| homeHref | string | '/' | Where the wordmark links. |
| backdrop | boolean | false | A faint jack field behind the column (auth and OAuth pages). |
Also accepts every <footer> attribute.
Accessibility
- Renders <footer> (contentinfo); each column is a labelled <nav> with an h2.
Guidance
Do
- Group links by what people look for.
Don’t
- Repeat the header’s auth buttons.