AppFooter
A responsive site footer organism with brand section, navigation links, and copyright information. Supports custom logo, tagline, and additional content through slots.
Basic Footer
With Navigation Links
Custom Branding
Usage Example
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| logo | slot | null | Custom logo slot |
| brandName | string | 'Zika Alert Design System' | Brand name displayed in footer |
| tagline | string | 'Built with trauma-informed...' | Tagline/description text |
| credit | string | 'Festa Design Studio' | Copyright credit name |
| links | array | [] | Footer links [{label, href, external}] |
| version | string|null | null | Version string to display |
Accessibility Features
- Semantic
<footer>element - Navigation wrapped in
<nav>with aria-label - External links marked with
target="_blank"andrel="noopener noreferrer" - External link icon provides visual indication