Theme
Footer
A site's footer: an about block, columns of links under their titles, and a closing line for copyright and place.
Examples
Props
Footer
A site's footer: an about block, columns of links, and a closing line. No script.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Names the navigation landmark that holds the columns. |
columns | readonly FooterColumn[] | — | Columns of links, each under its title. |
about? | ReactNode | — | Who runs the site: its name, a line about it, an address. Beside the columns. |
colophon? | ReactNode | — | The closing line: copyright, place. |
linkAs? | ElementType | "a" | The component that renders links: a framework's client-side link, or a plain anchor. The system itself knows no router. |
framed? | boolean | false | Set the footer in the marketing family's framed column (`layout.wide`), its rules continuing the page's, instead of at the page width. |
Accessibility
- No interaction of its own: it is static content, so there is nothing to operate by keyboard.
- The columns are one navigation landmark named by its label; each column is a list labelled by its heading.
- The about block sits beside the columns from the md breakpoint and above them below it.