Skip to main content

AppFooter

AppFooter — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

AppFooter — Prism component.

Accessibility

Landmark structure (header/nav/footer) with skip-to-content support. Collapsible navigation keeps an accessible name when collapsed.

Import

const { AppFooter } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
brandReact.ReactNodeBrand lockup node (logo + wordmark).
taglineReact.ReactNode
columnsFooterColumn[]Grouped primary link columns, by category.
linksFooterLink[]Independent (ungrouped) primary links, laid out horizontally.
socialFooterSocial[]Social icon links (each needs an accessible label).
copyrightReact.ReactNode
legalFooterLink[]Bottom-bar secondary/legal links (subtle, horizontal).
tone"default" | "inverse"
classNamestring