BankaiMain

A standalone <main> content region — the document's primary content. The native element carries the main role. Reach for it when you build a shell without BankaiLayout.

Usage

<!-- a shell built WITHOUT BankaiLayout -->
<BankaiHeader>…</BankaiHeader>
<BankaiMain>
  <BankaiContainer>… page content …</BankaiContainer>
</BankaiMain>
<BankaiFooter>…</BankaiFooter>

One per document

The main landmark must be unique — a page has exactly one <main>, so BankaiMain takes no accessible-name prop (unlike BankaiAside, of which there can be several). Do not place it inside a BankaiLayout: Layout's default slot already emits the sole <main>, so a nested BankaiMain would be a <main> inside a <main>.

What it paints

Almost nothing — it is the page surface (no background), and content width and gutter belong to BankaiContainer (no padding). The one house default is a min-inline-size: 0 floor: as a grid or flex child the region would otherwise floor at its content's min width, so a wide, unbreakable descendant (a long <pre>, a table) pushes the whole content column wider and causes horizontal overflow. Flooring at 0 lets the region shrink to its container and the descendant scroll or wrap within. Every theme rule is zero-specificity (:where()), so a plain declaration or utility class overrides it without !important.

Props

This component has no props.

Emits

This component emits no events.

Slots

Slot	Description
`default`	The document's primary content — typically a BankaiPage / BankaiContainer and the page body.

Exposes

This component exposes nothing on its instance.

Theming

This component defines no theme tokens — its styling is driven by props and utility classes.