Footer

A real <footer>, the contentinfo landmark. No special props beyond standard <footer> attributes, the value is in reaching for a landmark element instead of a <div> so assistive tech can jump straight to it.

Playground

Toggle every adjustable prop and watch the component — and the code — update live.

Unstyled

Same component — Kernel look stripped. See Platforms.

Usage

<Footer>
  <span>© 2026 Acme Inc.</span>
  <a href="/privacy">Privacy</a>
</Footer>

<kernel-footer>
  <span>© 2026 Acme Inc.</span>
  <a href="/privacy">Privacy</a>
</kernel-footer>

Props

Standard <footer> attributes, no props beyond that.

Accessibility

Renders a native <footer>. When it's a direct child of <body> it's exposed as thecontentinfo landmark; nested inside<article> or <section> it's scoped to that content instead.