SiteFooter

Frames · src/components/SiteFooter/SiteFooter.tsx

The site's footer: the mark, the columns, the legal line.

External links carry a glyph with an accessible label rather than only a visual cue, so somebody using a screen reader is told they are about to leave before they follow it.

A legal item with an onClick renders as a button, not a link - a cookie-settings control that looks like a link but goes nowhere is a link that lies about where it goes.

Import

import { SiteFooter } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
mark	React.ReactNode
line	React.ReactNode	One line about the company, beside the mark.
action	React.ReactNode
columns	SiteFooterColumn[]
copyright	React.ReactNode	The copyright line. A legal identifier - quote it verbatim, do not translate it.
legal	SiteFooterLink[]
className	string

Exported types

SiteFooterLink, SiteFooterColumn