footer
Accessible site footer with logo slot, navigation links, and legal text. Handles responsive stacking, hover states, and focus styles automatically.
footer({
logo: 'MyApp',
logoHref: '/',
links: [
{ label: 'Docs', href: '/docs' },
{ label: 'Pricing', href: '/pricing' },
{ label: 'GitHub', href: 'https://github.com' },
],
legal: '© 2026 MyApp Ltd.',
})| Prop | Type | Default | |
|---|---|---|---|
logo | string (HTML) | — | Raw HTML slot — SVG, img, or text |
logoHref | string | '/' | Logo link destination |
links | array | [] | [{label, href}] — footer navigation links |
legal | string | — | Copyright / legal text |