A focusable <main> landmark for the page's primary content. Renders with id="main" and tabIndex={-1} so a skip link (or any programmatic focus call) can send keyboard users directly to the main content without exposing a visible focus ring on the region itself.
Pair with the SkipToMainLink component at the top of the document.
Primary page content goes here.
1import { Main } from "@ngrok/mantle/main";2import { SkipToMainLink } from "@ngrok/mantle/skip-to-main-link";3 4<SkipToMainLink />5<Header />6<Main>7 <h1>Page title</h1>8</Main>Renders a <main> element with id="main", tabIndex={-1}, and focus:outline-hidden. Accepts all standard <main> HTML attributes. Additional class names passed via className are merged with the defaults.