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.

Usage

import { Footer } from "@kernelui/react";

<Footer>
  <span>&copy; 2026 Acme Inc.</span>
  <a href="/privacy">Privacy</a>
</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.