Site Footer
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { SiteFooter } from "@corew500/ui/site-footer"
<SiteFooter>Content</SiteFooter>Variants
siteFooterVariants
| Axis | Values | Default |
|---|---|---|
| variant | defaultmutedprimarygradient | default |
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| logo | enum | — | Logo element or component |
| tagline | string | — | Tagline or description text |
| columns | FooterColumn[] | [] | Link columns |
| socialLinks | SocialLink[] | [] | Social media links |
| copyright | enum | — | Copyright text or element |
| legalLinks | FooterLink[] | [] | Legal/policy links |
| linkComponent | enum | a | Link component to use for navigation (defaults to anchor) |
| variant | enum | default | — |
Accessibility
Keyboard Navigation
- Links are keyboard accessible
Screen Readers
- Social icons have aria-label with platform name
- Icons use aria-hidden="true" as they're decorative
Additional
- - Uses semantic <footer> element
- Proper heading hierarchy (h3 for column titles)
Localization
Translatable Content
- - All text content flows through props
- Column titles, link labels, tagline, copyright should be pre-translated
- Social link labels can be customized for translation